首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

jq 设立dropdownlist的选中项

2013-07-20 
jq 设置dropdownlist的选中项点击按钮 设置dropdownlist的选中选为 $(select[id$DropDownList1]).child

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绑定下拉默认值 


    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);
        }
    },

热点排行