Question

我想使用jQuery通过单击按钮在DropDownList中选择一个选项，比如第3项，然后让DropDownList框改变它的值，比如'44'。

           <asp:DropDownList ID="DropDownList2" runat="server" 
                onselectedindexchanged="DropDownList2_SelectedIndexChanged">
                <asp:ListItem Selected="True">SELECT</asp:ListItem>
                <asp:ListItem Value="1">23</asp:ListItem>
                <asp:ListItem Value="2">32</asp:ListItem>
                <asp:ListItem Value="3">44</asp:ListItem>
                <asp:ListItem Value="4">61</asp:ListItem>
            </asp:DropDownList>

Answer 1

您可以使用：

 $("#<%=DropDownList2.ClientID%>").val('3');

Answer 2

首先将ClientIDMode设置为Static，因为在重新启动时ID可能会发生变化。

  <asp:DropDownList ID="DropDownList2" runat="server" ClientIDMode="Static" 
                onselectedindexchanged="DropDownList2_SelectedIndexChanged">
                <asp:ListItem Selected="True">SELECT</asp:ListItem>
                <asp:ListItem Value="1">23</asp:ListItem>
                <asp:ListItem Value="2">32</asp:ListItem>
                <asp:ListItem Value="3">44</asp:ListItem>
                <asp:ListItem Value="4">61</asp:ListItem>
            </asp:DropDownList>

   <input type="button" id="MyButton"/>

然后你可以用Jquery Code做到这一点：

$('#MyButton').click(function(){
   $('#DropDownList2').val("3");
});

Answer 3

尝试使用以下代码：

使用该值选择选项：

$('some_button_id').click(function() {
    $('select[id*=DropDownList2]').val( 3 ); //To select 44
});

或使用ASP.NET控件的ClientID：

$('some_button_id').click(function() {
    $('select#<%=DropDownList2.ClientID%>').val( 3 ); //To select 44
});

Answer 4

这可能对您有所帮助

var dropDownList2ID = "#<%=DropDownList2.ClientID%>";
var buttonID = "#idOfButton";

//...

$(buttonID).click(function() {
    $(dropDownList2ID).val(3);
});

使用jquery在按钮单击时选择下拉选项

4 个答案: