选择标记中的"Add New"选项

Question

我正在尝试"添加新客户"；选项标记。例如，select标记中有4个客户名称。除了四个客户名称之外，他们应该能够添加更多的客户(c1、c2、c3、c4、添加新客户(

在点击"时；添加新客户"；，它将打开模态，在那里他们可以输入客户名称并将其保存为

<select>
<option>C1</option>
<option>C2</option>
<option>C3</option>
<option>C4</option>
<option>Add New Customer</option>
</select>

我认为这可以用jQuery实现，但不知道如何做到

更新：-弄清楚了。我回答了我自己的问题！如果你有更好的方法来使用这种方法，那么最欢迎你回答的问题

Answer 1

好吧，这对我很管用！

选择标签

<select class="form-control form-control-chosen" id="add-customer-tag">
<option>Shakti Goyal</option>  
<option>Nitin Goyal</option>
<option value="add-new-customer">Add New Customer</option>
</select>

模式

<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<div class="form-group">
<input type="text" class="form-control" placeholder="Customer Name"> 
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Save</button>
</div>
</div>
</div>
</div>

jQuery代码

$('#add-customer-tag').change(function() {
var opval = $(this).val();
if(opval=="add-new-customer"){
$('#myModal').modal("show");
}
});