Question

如何将selectbox selectedIndex重置为0？它适用于普通的选择框，但在bootstrap.js开发的bootstrap现代选择框中不起作用

我的代码HTML：

    <select id="profile_ids" class="input-xlarge" data-rel="chosen">
        <option value="0">Select</option>
        <option value="1">Test 1</option>
        <option value="2">Test 2</option>
    </select>
    <select id="test_ids" class="input-xlarge" data-rel="chosen">
        <option value="0">Select</option>
        <option value="1">Test 1</option>
        <option value="2">Test 2</option>
    </select>
    <input type="button" class="btn" name="reset" value="Reset" id="reset" onclick="reset_value()"/>

Javascript：

    function reset_value()
    {
      $('#reset').click(function(){
          $('#profile_ids option[value="0"]').attr('selected','selected');
      });

      $('#reset').click(function(){
          $('#test_ids option[value="0"]').attr('selected','selected');
      });
    }

Answer 1

重置的最佳方法是：

$('[data-rel="chosen"],[rel="chosen"]').chosen();

$('[data-rel="chosen"],[rel="chosen"]').val('').trigger("liszt:updated");

Answer 2

尝试

$('#profile_ids option').removeAttr('selected');
$('#profile_ids option[value="0"]').attr('selected',true);

Answer 3

您可以使用:first选择第一个选项，请参阅exemple

如何将bootInrap选择框的selectedIndex重置为0？

3 个答案: