使用 jQuery 设置 ASP.NET 下拉列表选定值

Question

我有一个代码应该可以很好地在 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，但在模式弹出窗口中该值仍未选择。可能是什么原因？

Answer 1

尝试

.prop('selected', true);

而不是

.attr('selected', true);

Answer 2

试试这个，

在

CssClass

上添加

DropDownList

（例如

ddl

），并使用

$(".ddl").val("your_value");

设置值