jQuery:在添加选项后更新选项内的选项文本?

时间:2010-06-23 15:04:49

标签: jquery select drop-down-menu

我四处寻找解决方案但没有找到任何结果。以下是一些示例代码:

$('#myselect').append(
   '<option id=\'myoption\'></option>'
  );
$('#mytextfield').change(function() {
 $('#myoption').html($(this).val);
});

所以,我希望每当我的文本字段发生变化时都会更改选项选项的html。有任何想法吗? 谢谢!

2 个答案:

答案 0 :(得分:3)

值是一个函数。我不确定这是否是你问题的原因,因为你没有说出你得到的结果或错误......

答案 1 :(得分:3)

除了()上缺少val之外,由于浏览器如何实现表单字段以及编写innerHTML,编写<option>的{​​{1}}通常是不可靠的来自用户输入的任何是非常不可取的 - 如果用户输入了带有innerHTML<符号的内容,该怎么办?

使用标准DOM &属性来改变标签文本,例如:

text

(或var myoption= new Option(); $('#myselect').append(myoption); $('#mytextfield').change(function() { myoption.text= this.value; }); 如果必须,但我认为普通DOM版本更具可读性。)