Question

我有一个由我的应用程序的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元素并更改所选选项，是否有办法实现？

谢谢！

Answer 1

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

我使用了ul-li＆＃34;点击＆＃34;事件为＆＃34;某些行动＆＃34; ......并且运作良好

$("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);
            }
    });
});

Answer 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>

这样的东西？

Answer 3

希望得到这个帮助。

http://jsfiddle.net/6Ljn1rzr/

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

Answer 4

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

它以非常好的方式解释了这一点，希望你能从这个帖子得到答案

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

4 个答案:

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