使用jquery设置asp.net下拉列表选择的值

时间:2013-07-31 09:01:58

标签: jquery asp.net jquery-ui twitter-bootstrap drop-down-menu

我有一个代码应该可以正常工作在asp.net下拉列表中设置一个选定的值但由于某种原因它不想在我的情况下工作,虽然它在我一直在努力的其他项目中正常工作。 所以这是下拉列表:

  <asp:DropDownList ID="ddlPerc" runat="server">
                             <asp:ListItem Value="">Select Percentage</asp:ListItem>
                             <asp:ListItem Value="0.01">0.01</asp:ListItem>
                             <asp:ListItem Value="0.05">0.05</asp:ListItem>        
                 <asp:ListItem Value="0.1">0.1</asp:ListItem>  
                             <asp:ListItem Value="0.15">0.15</asp:ListItem>
                             <asp:ListItem Value="0.2">0.2</asp:ListItem>    
                             <asp:ListItem Value="0.25">0.25</asp:ListItem>  
                             <asp:ListItem Value="0.3">0.3</asp:ListItem>   
                             <asp:ListItem Value="0.4">0.4</asp:ListItem>                                                                
                             <asp:ListItem Value="0.48">0.48</asp:ListItem>                                                                  
                             <asp:ListItem Value="0.5">0.5</asp:ListItem>
                             <asp:ListItem Value="0.52">0.52</asp:ListItem>      
                             <asp:ListItem Value="0.6">0.6</asp:ListItem>
                             <asp:ListItem Value="0.7">0.7</asp:ListItem>
                             <asp:ListItem Value="0.75">0.75</asp:ListItem>                                                                  
                             <asp:ListItem Value="0.8">0.8</asp:ListItem>                                 
                             <asp:ListItem Value="0.85">0.85</asp:ListItem>    
                             <asp:ListItem Value="0.9">0.9</asp:ListItem>                                 
                             <asp:ListItem Value="0.95">0.95</asp:ListItem>
                             <asp:ListItem Value="0.99">0.99</asp:ListItem>
                             <asp:ListItem Value="1">1</asp:ListItem>
                             </asp:DropDownList>

应该工作的jquery代码是这样的:

  $(document).on("click", ".open-AddBookDialog", function () {                                       
              var sign = "1";
         $('dropdownAgentPerc option')
        .filter(function () { return $.trim($(this).val()) == sign; })
         .attr('selected', true);
              $('#addBookDialog').modal('show');

当我检查页面的来源时,我可以看到该值具有标签Selected为true但在模式弹出窗口中仍未选择该值。 任何想法可能是什么原因? 在此先感谢Laziale

2 个答案:

答案 0 :(得分:1)

尝试

.prop('selected', true);

而不是

.attr('selected', true);

答案 1 :(得分:0)

试试这个,

CssClass添加DropDownList(例如ddl),并使用$(".ddl").val("your_value");

设置值