使用jQuery更新選擇選項

我有一個表單，當更新某些內容時，我需要在選擇輸入中更改該項目的名稱。我正在使用它來循環選項，但我無法弄清楚如何更改文本值。以下是我試過使用jQuery更新選擇選項

$('#GroupID option').each(function() { 
        if ($(this).val() == currently_editing_group_id) 
         $(this).attr('text', $('#NewGroupName').val()); 
       });

這裏是選擇輸入

<select id="PracticeGroupID" name="GroupID"> 
     <option value="5">Test Group 1</option> 
     <option value="6">Test Group 2</option>

來源

2010-09-26 Jhorra

您可以使用基本DOM屬性.text和<option> element的.value，像這樣：

$('#PracticeGroupID option').each(function() { 
    if (this.value == currently_editing_group_id) 
    this.text = $('#NewGroupName').val(); 
});

還是在選擇器：

$("#PracticeGroupID option[value='"+currently_editing_group_id+"']").each(function() { 
    this.text = $('#NewGroupName').val(); 
});

請注意，您需要#PracticeGroupID供您選擇，因爲#用於id而不是name。

來源

2010-09-26 23:37:27

如果要執行和操作時選擇的值更改，你應該將功能綁定到change即使是這樣的：

HTML

<select id="PracticeGroupID" name="GroupID"> 
    <option value="5">Test Group 1</option> 
    <option value="6">Test Group 2</option> 
</select> 

<input type="text" id="updateMe" value="" />

的JavaScript

$('#PracticeGroupID').change(function() { 
    $('#updateMe').val('PracticeGroupID is ' + $(this).val());  
}).change();

您可以在這裏試試ti：http://jsfiddle.net/bTYWe/

來源

2010-09-27 08:54:06 xmarcos

使用jQuery更新選擇選項

回答

相關問題