2010-06-23 118 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