Question

我正在使用所选的jQuery插件。

我有一个表单，用户可以从可用选项列表中进行选择。但是当我提交表单并重新加载包含select元素的div时，样式将完成丢失并且select元素将成为经典元素。经过一番调查，我意识到html内容（帖子前后）差异很大。

以下是内容。

在提交之前，这是生成的HTML

<div class="form-group " id="some">
<div>
    <select id="id" class="form-control">
        <option value="">Select...</option>
        <option value="1">Option1</option>
        <option value="2">Option2</option>
        <option value="3">Option3</option>      
    </select>   

<div class="chosen-container chosen-container-single" style="width: 40px; min-width: 0px;" title="" id="id_chosen">
    <a class="chosen-single" tabindex="-1">
        <span class="chosen-single-content">Select...</span>            
    </a>

    <ul class="chosen-results">
        <li class="active-result result-selected" style="">Select...</li>
        <li class="active-result">Option1</li>
        <li class="active-result">Option2</li>
        <li class="active-result">Option3</li>

    </ul>
    </div>
</div>

在调用该服务之后，我回到了html代码，其中包含select元素的div的内容与初始内容不相似。

这是

<div class="form-group " id="wrapper_idrefAddAtcd" style="">
<div>
    <select id="id" class="form-control">
        <option value="">Sélect...</option>
        <option value="1">Option1</option>
        <option value="2">Option2</option>
        <option value="3">Option3</option>      
    </select>
</div>

正如您所看到的，只有渲染了elemet的第一部分。我不知道第二部分去了哪里。任何人都能知道这里发生了什么吗？

Answer 1

更新select元素的内容后，需要trigger an update事件才能使插件重新呈现。

$("#form_field").trigger("chosen:updated");

在Spring MVC响应之后，Jquery选择了插件丢失了风格

1 个答案: