在下拉菜單中更新/編輯已添加的名稱（選擇）

我有一個下拉菜單，我如何編輯名稱並在下拉菜單中進行更新，如果我想將ABC的文本更改爲AAA，我該如何實現？將會有一個新的彈出窗口時，編輯按鈕被點擊，可以輸入用戶定義的名稱（AAA只是一個例子）將取代ABC在下拉菜單中更新/編輯已添加的名稱（選擇）

<SELECT NAME="CB" id="CBid" class ="CBclass" > 
    <option value="ABC" >ABC</option> 
    <option value="MCD" >MCD</option> 
    <option value="XYZ" >XYZ</option> 
</SELECT> 
<INPUT id="Edit" TYPE="button" VALUE="Edit" onClick="EditName()" />

來源

2015-05-28 PSDebugger

是否屬性的值需要改變呢？ –

是的，這也會改變。當我將價值傳遞給其他功能時。 – PSDebugger

這裏是一個可能的解決方案：

$('#Edit').on('click', function(){ 
 
    
 
    $('#CBid').find('option[value="ABC"]').text('AAA'); 
 
    
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<SELECT NAME="CB" id="CBid" class ="CBclass" > 
 
    <option value="ABC" >ABC</option> 
 
    <option value="MCD" >MCD</option> 
 
    <option value="XYZ" >XYZ</option> 
 
</SELECT> 
 
<INPUT id="Edit" TYPE="button" VALUE="Edit" />

我希望上面的代碼會給你一個想法。

編輯：

這裏是更新的答案：https://jsfiddle.net/99x50s2s/44/

來源

2015-05-28 21:09:21

是的，雖然我真的希望用戶添加他想要的任何名字，所以會出現一個彈出窗口，他可以輸入一個新名稱，然後點擊更新。然後新的名稱將被添加在下拉列表 – PSDebugger

我認爲這應該是一個新的問題:) –

我已經更新了我的問題，我只是期待那個結果。謝謝@Vimalan – PSDebugger

在下拉菜單中更新/編輯已添加的名稱（選擇）

回答

相關問題