【问题标题】:onclick not working for select menu optionsonclick 不适用于选择菜单选项
【发布时间】:2017-10-18 00:33:34
【问题描述】:

我是 HTML 的初学者,我对 onclick 和 select(下拉列表)有疑问。 我知道我做错了什么,有人可以帮助我吗?

  <select>
      <option onclick="alert('Hi')">No</option>
      <option onclick="alert('Hi')">Yes</option>
  </select>

【问题讨论】:

标签: javascript html events onclick


【解决方案1】:

我想你要找的是onChange:

function changed(value){
 alert(value);
}
<select onChange="changed(this.value)">
    <option>No</option>
    <option>Yes</option>
</select>

【讨论】:

  • 当我在另一个网站上运行代码时,什么也没发生。
  • @TristanLe 你是什么意思?
  • @TristanLe 你能给我们你其他项目的代码以便我们调试吗?您应用它的方式可能有问题。
  • 另外,我应该把顶部放在哪里?
  • @TristanLe 在应用程序头部的 &lt;script&gt; 标记内,或在单独的 javascript 文件中。 digitalocean.com/community/tutorials/…
【解决方案2】:
function alert_function(){
  var selected_option = $("#select option:selected").data("alert");
  alert(selected_option);
}

<select id="select" onchange="alert_function();">
    <option data-alert="hi 1">No</option>
    <option data-alert="hi 2">Yes</option>
</select>

【讨论】:

  • 谁给负分?这是另一种解释性的方式。
  • 1) 这里没有理由使用 JQuery:有很多更好的原生解决方案,而问题没有说明 JQuery。 2) 您没有使用正确的 sn-p 表示法来格式化您的答案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-02-13
  • 1970-01-01
  • 1970-01-01
  • 2017-07-15
  • 2020-06-29
  • 2012-09-08
  • 2014-04-07
相关资源
最近更新 更多