javascript - 在 inputpicker 中手动设置一个值

Question

我用这个plugin for inputpicker

<input class="form-control" id="test" value="2" />
<script>
$('#test').inputpicker({
    data:[
        {value:"1",text:"Text 1", description: "This is the description of the text 1."},
        {value:"2",text:"Text 2", description: "This is the description of the text 2."},
        {value:"3",text:"Text 3", description: "This is the description of the text 3."}
    ],
    fields:[
        {name:'value',text:'Id'},
        {name:'text',text:'Title'},
        {name:'description',text:'Description'}
    ],
    autoOpen: true,
    headShow: true,
    fieldText : 'text',
    fieldValue: 'value'
    });
</script>

如何为此输入选择器手动选择一个值？ 我试过了

$("#test").val(2);

但视觉上没有显示任何内容

Answer 1

这是 JavaScript 的工作方式导致了此问题，具体来说，在输入上设置值不会触发更改事件。您可以测试:

假设 $0 是一个输入元素

$0.onchange = function(){ alert('1') }
$0.value = '123';

不会出现任何警报。同样的行为也适用于 jQuery 的 .val() 函数。

因此您需要自己触发更改事件，即

$("#test").val(2).trigger('change');

然后 inputpicker 将能够实际接收更改。