Question

我有一个隐藏（显示：无）选择选项，根据它选择创建，

    <div>
        <select class="fpd-elements-dropdown" style="display: none;">
            <option value="none">None</option>
        <option value="1406378948898">Base</option><option value="1406378949108">Shadow</option></select>
        <div class="chosen-container chosen-container-single fpd-border-color" style="width: 100%;" title="">
        <a tabindex="-1" class="chosen-single"><span>None</span><div><b></b></div></a><div class="chosen-drop">
        <div class="chosen-search"><input type="text" autocomplete="off"></div><ul class="chosen-results"></ul>
        </div>
        </div>
    </div>

然后我想要改变（默认选择一个元素（Base））我尝试下面的jquery代码

//$(' .fpd-elements-dropdown').show();
 $('.fpd-elements-dropdown option:contains(Base)').prop('selected','selected');
//$('.fpd-elements-dropdown').val($('.fpd-elements-dropdown option:contains(Base)').val());  
$('.chosen-container-single').trigger('chosen:updated');

选择选项已更改但选择未更改我也试试

$('.chosen-container-single').trigger("liszt:updated");

但选择了所选项目不更改

Answer 1

我发现了我的错误

$('.fpd-elements-dropdown option:contains(Base)').prop('selected','selected');
$('.chosen-container-single').trigger('chosen:updated');

我应该trigger('chosen:updated') .fpd-elements-dropdown而不是`.chosen-container-single。

所以

$('.fpd-elements-dropdown option:contains(Base)').prop('selected','selected');
$('.fpd-elements-dropdown').trigger('chosen:updated');

正常工作

在jquery选择选项更改后选择不更新

1 个答案: