2010-06-23 30 views
0

我搜索了一个解决方案,并没有发现任何东西。这里是一些示例代码:jQuery:在已添加选项之后更新选择内的选项文本?

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

所以,我想改变选择选项的HTML,只要我的文本字段发生了变化。有任何想法吗? 谢谢!

回答

3

除了一般是不可靠的原因以浏览器如何实现表单字段,并从用户输入写innerHTML什么是极不妥当,如果用户输入中与<&符号的东西吗?

使用标准DOM text属性来更改标签文本代替,例如:

var myoption= new Option(); 
$('#myselect').append(myoption); 
$('#mytextfield').change(function() { 
    myoption.text= this.value; 
}); 

(或者如果你必须$(this).val(),但我认为纯DOM版本更具可读性。)

3

val为一个功能。我不知道如果这是youyr问题,因为你并没有说什么,导致或错误,您所得到的理由...

val失踪 (),写一个 <option>innerHTML
+0

有几个问题,但这是因为我将事件添加到错误的元素。对于可怜的措辞感到抱歉。 +1 =) – gsquare567 2010-06-23 19:13:18

相关问题