使用 jQuery 或 Javascript 自动更新选择选项列表？答案

【问题标题】：Automatically update select options list using jQuery or Javascript?使用 jQuery 或 Javascript 自动更新选择选项列表？
【发布时间】：2015-02-08 20:58:02
【问题描述】：

我有一个由我的应用的 Javascript 代码生成的选择列表

<select name="addToContexts" id="addToContexts">
 <option selected>private</option>    
 <option>public</option>
 <option>shared</option> 
</select>

我需要做的是，当用户执行某个操作时，selected 参数会切换到另一个选项，因此结果将类似于：

<select name="addToContexts" id="addToContexts">
 <option>private</option>    
 <option selected>public</option>
 <option>shared</option> 
</select>

您知道是否有一种方法可以做到这一点，而无需重新生成整个 options 列表，只需使用 jQuery 通过 ID 获取 select 元素并更改所选选项？

谢谢！

【问题讨论】：

用户执行的“特定操作”是什么？
他们双击我页面上的一个元素，然后将该元素放入表单的 textarea 字段中，以便对其进行编辑。选择字段是该表单的一部分，并显示该元素所属的上下文。
你试过$('#addToContexts option:eq(1)').prop('selected',true)吗？
这是你想要的吗？ stackoverflow.com/questions/9490906/…
这个很简单查看这个帖子stackoverflow.com/questions/1314245/…

标签： javascript jquery forms

【解决方案1】：

http://jsfiddle.net/washington_guedes/ovpkLexj/5/

我使用了一个 ul-li“点击”事件作为“某些动作”...而且效果很好

$("li").on("click", function(){
    var aux = $(this/*li*/).html();
    $('#addToContexts > option')
        .prop("selected", false)
        .each(function(){
            if( $(this/*option*/).html() === aux){
                $(this/*option*/).prop("selected", true);
            }
    });
});

【讨论】：

【解决方案2】：

<body>
    <select name="addToContexts" id="addToContexts">
         <option selected>private</option>    
         <option>public</option>
         <option>shared</option> 
    </select>
    <button id="changeSelect">Change</button>
    <script>
        $("#changeSelect").click(function(){
            $("#addToContexts option:nth-child(2)").prop("selected", true);
        });     
    </script>
</body>

这样的？

【讨论】：

【解决方案3】：

希望对您有所帮助。

http://jsfiddle.net/6Ljn1rzr/

$('input[type=checkbox]').on(
            'change',
            function() {
                $('option').attr("selected",false);
                $('option:contains(public)').attr("selected",true);
            }  
          );

【讨论】：

【解决方案4】：

很简单，你可以访问这个线程 http://www.stackoverflow.com/questions/1314245/set-the-selected-index-of-a-dropdown-using-jquery

它已经很好地解释了这个问题，希望你能从这个帖子中得到答案

【讨论】：