日期:2014-05-17  浏览次数:20482 次

jq 设置dropdownlist的选中项
点击按钮 设置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);

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

这是为什么啊??
DropDownList select

------解决方案--------------------
三种方法
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的项选中
------解决方案--------------------
select_id 需要用取客户端ID,或者直接取真实ID。
------解决方案--------------------
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绑定下拉默认值