首先，很抱歉，如果这是一个重复的问题，但是我找不到我想要的解决方案。
这是我的HTML页面：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<select>
<option> Select City </option>
<option onclick="document.getElementById('cityname').value='New York'">New York </option>
<option onclick="document.getElementById('cityname').value='San Francisco'">San Francisco</option>
<option onclick="document.getElementById('cityname').value='Chicago'">Chicago </option>
<option onclick="document.getElementById('cityname').value='Massachusetts'">Massachusetts </option>
</select>
<input type="text" id="cityname" value="">
</body>
</html>
现在，当我单击一个城市名称时，会出现一个弹出窗口。但是此代码在Firefox中有效，但在chrome上不起作用。我知道我可以使用onchange（）方法，但问题是如果用户选择说
New York，则第一次弹出窗口会出现，但在关闭弹出窗口后，如果用户再次单击New York，则该弹出窗口将不会打开。我想在每次单击时都打开弹出窗口。 最佳答案
试试这个代码
<select name="level">
<option value="">choose level</option>
<option value="1">User</option>
<option value="2"> Mgr</option>
<option value="3">Hr</option>
</select>
U可以通过select（level）的名称获取值。