0

如何将选择框 selectedIndex 重置为 0?它适用于普通选择框,但不适用于 bootstrap.js 开发的引导现代选择框

我的代码 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');
      });
    }
4

3 回答 3

1

最好的重置方法是:

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

$('[data-rel="chosen"],[rel="chosen"]').val('').trigger("liszt:updated");
于 2014-05-13T12:20:59.183 回答
0

您可以使用 选择第一个选项:first,请参见示例

于 2013-10-12T17:50:50.287 回答
0

尝试

$('#profile_ids option').removeAttr('selected');
$('#profile_ids option[value="0"]').attr('selected',true);
于 2013-10-12T17:45:59.867 回答