在下拉菜单中更新/编辑已添加的名称（选择）

我有一个下拉菜单，我如何编辑名称并在下拉菜单中进行更新，如果我想将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

在下拉菜单中更新/编辑已添加的名称（选择）

回答

相关问题