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

时间:2015-01-19 16:42:40

标签: javascript

我需要在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); 
}

为什么不重新加载选项?

2 个答案:

答案 0 :(得分:2)

所有这些都有助于解决您的问题:

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

答案 1 :(得分:1)

这里有很多错误。

  1. that需要是一个jQuery选择器(你还需要jQuery,假设你在页面中有它,只是在jsfiddle中忘了它)
  2. 您正在尝试以HTML格式连接字符串
  3. theOptions未初始化或声明。当您尝试将某些内容连接到任何内容(未定义)时,您将获得ReferenceError
  4. 试试这个: http://jsfiddle.net/0juop4wp/1/