jq 设置dropdownlist的选中项

[ali_mushishi]

点击按钮 设置dropdownlist的选中选为

$("select[id$=DropDownList1]").children("option").eq(3).attr("selected", true);

一开始是这么做的，但是发现下拉框显示的值并没有改变，虽然页面源代码显示 4个option的selected属性出现了

而且alert($("select[id$=DropDownList1]").val()); 显示的值也不是如原来所想的，


最后设置值，我改用 var optVale = $("select[id$=DropDownList1]").children("option").eq(3).val();
$("select[id$=DropDownList1]").val(optVale);

直接设置下拉框的值而不是设置下拉框子元素选项的选中属性就成功了 ；

这是为什么啊？？

[Banianer]

三种方法 1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 2. $("#select_id ").val(4); //设置Select的Value值为4的项选中 3. $("#select_id option[text='jQuery']").attr("selected", true); //设置 Select的Text值为jQuery的项选中

[Banianer]

select_id 需要用取客户端ID，或者直接取真实ID。

[by_封爱]

refer

 //通过text绑定下拉默认值 
    SetSelectByText:function (selectid,str)
    {
        var count = $("#" + selectid + " option").length;
        for (var i = 0; i < count; i++) {
            if ($("#" + selectid ).get(0).options[i].text == str) {
                $("#" + selectid).get(0).options[i].selected = true;
                break;
            }
        }
    },
    //通过value绑定下拉默认值 
    SetSelectByValue:function (selectid,str)
    {
        var count = $("#" + selectid + " option").length;
        for (var i = 0; i < count; i++) {
            if ($("#" + selectid).get(0).options[i].value == str) {
                $("#" + selectid).get(0).options[i].selected = true;
                break;
            }
        }
    },
    //清空select (设置第一个为默认值);
    ClearSelect:function (selectid)
    {
        try
        {
            $("#" + selectid).get(0).options[0].selected = true;
        }
        catch(e)
        {
            //alert(e.name +"___"+e.message);
        }
    },

[ali_mushishi]

引用 1 楼 banian_cn 的回复:

三种方法 1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 2. $("#select_id ").val(4); //设置Select的Value值为4的项选中 3. $("#select_id option[text='jQuery']").attr("selected", true); //设置 Select的Text值为jQuery的项选中

第三种方法貌似没有效果额 我用web控件dropdownlist ，然后我才试的第一种和第二种方法