Question

首先很抱歉，如果这是一个重复的问题，但我找不到我想要的解决方案。这是我的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则弹出窗口将无法打开。我想在每次点击时打开弹出窗口。

Answer 1

试试此代码

<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）名称获取值。

下拉菜单的onclick方法无法在chrome中使用？

1 个答案: