下拉菜单的onclick方法在chrome中不起作用

onclick method of drop down menu not working in chrome?

本文关键字：chrome 不起作用 方法 onclick 下拉菜单      更新时间：2023-09-26

首先，如果这是一个重复的问题，我很抱歉，但我找不到我想要的解决方案。这是我的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可以通过选择（级别）的名称获取值。

相关文章：