Question

在选择＆＃34;其他＆＃34;时，应显示输入框，其值将作为

附加到

添加新选项后，＆＃34;其他＆＃34;还是应该在下拉列表中。怎么做到这一点？

<select class="form-control" id="category" name="category">
   <option>Notification</option>
   <option>Other</option>
</select>

输入框：

<input type="text" value="">

添加值＆＃34;警报＆＃34;作为一种选择，这应该是结构，

<select class="form-control" id="category" name="category">
       <option>Notification</option>
       <option>Alert</option>
       <option>Other</option>
</select>

Answer 1

这是我的解决方案。首先按输入值更改选项的文本，然后在添加带有“其他”文本的新选项之后。

$(document).on('click', '#add', function(){
    if($('#new-option').val() != '')
    {
        var val = $('#new-option').val();
        $('#foo option:last').html(val);
        var opt = '<option>Other</option>';
        $('#foo').append(opt);
    } 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

<select id="foo">
  <option>Notification</option>
  <option>Other</option>
</select>

<input type="text" id="new-option" required>
<button type="button" id="add">Add Option</button>

添加一个新选项，点击＆＃34;其他＆＃34;在jQuery中

1 个答案: