Question

我在这里有一个选择组合框。我需要的是在选择框中选择其他选项时出现的输入文本框。我一直在使用bootstrap select标记。

  <select name="store_name" id="store_name"  class="selectpicker" data-width="100%">
    <option value="" disabled="disabled" >Please select</option>
    <option value="Option 1">Option 1</option>
    <option value="Option 2">Option 2</option>
    <option value="Other">Other</option>
  </select>

  <input type="text" id="store_name" name="store_name" value="" class="form-control" />

Answer 1

        $('#pasveids').on('change', function(e){
            if(e.val == 'Value if clicked on other') {
                $('#hiddenevent').attr('type', 'text');
                $('#pasveids').attr('name', '');
                $('#hiddenevent').attr('name', 'eventtype');


            } else {

                $('#hiddenevent').attr('type', 'hidden');
                $('#pasveids').attr('name', 'eventtype');
            }
        });

id = pasveids是我的选择框！（使用select2插件js），但也可能适用于其他！

id = hiddenevent是输入字段，在开始时隐藏，当你点击下拉列表时，e（事件）.val ==显示它，如果点击其他，则隐藏！

如何在bootstrap select中选择带有输入字段的选项？

1 个答案: