如何在 Javascript 中的 onClick 事件中重新加载选择标记选项

How to reload select tag options at the onClick event in Javascript?

本文关键字：加载 选择 选项 新加载 Javascript 中的 onClick 事件      更新时间：2023-09-26

我需要在onClick事件中重新加载下拉文本字段选项。这是我的 jsfiddle

.html

<select id='1' onClick='createOpts(this)'>" + "
    <option>None</option>" + "</select>

.js

function createOpts(that) {
theOptions = "<option>Test</option>";
that.find("option").remove().end().append(theOptions); 
}

为什么不重新加载选项？

所有这些都导致了您的问题：

  • 你没有在小提琴中选择jQuery。
  • createOpts 不是全局的，因为代码在 onLoad 处理程序中运行。
  • that引用<select>元素，则需要先将其传递给jQuery，例如 $(that).find('option')...

这里有很多问题。

  1. that需要是一个jQuery选择器（你还需要jQuery，假设你的页面中有它，只是把它忘在jsfiddle中）
  2. 您正在尝试在 HTML 中连接字符串
  3. theOptions未初始化或声明。 当您尝试将某些内容连接到无（未定义）时，您会得到一个ReferenceError。

试试这个：http://jsfiddle.net/0juop4wp/1/

相关文章：