使用jQuery更改下拉列表的选定值

我有一个已知值的下拉列表。我要做的是将下拉列表设置为我知道使用jQuery存在的特定值。使用常规的JavaScript，我会做如下的事情:

ddl = document.getElementById("ID of element goes here");
ddl.value = 2; // 2 being the value I want to set it too.

然而，我需要用jQuery做到这一点，因为我使用CSS类为我的选择器(愚蠢的ASP。NET客户端id…)。

以下是我尝试过的一些方法:

$("._statusDDL").val(2); // Doesn't find 2 as a value.
$("._statusDDL").children("option").val(2) // Also failed.

我如何用jQuery做到这一点?

更新

所以事实证明，我第一次就说对了:

$("._statusDDL").val(2);

当我把警报放在上面时，它工作得很好，但当我删除警报并让它全速运行时，我得到了错误

无法设置所选属性。无效的指数

我不确定这是jQuery或Internet Explorer 6的bug(我猜是Internet Explorer 6)，但这非常烦人。

当前回答

试试

$("._statusDDL").val("2");

而不是和

$("._statusDDL").val(2);

2009-02-01 11:45:06

其他回答

<asp:DropDownList ID="DropUserType" ClientIDMode="Static" runat="server">
     <asp:ListItem Value="1" Text="aaa"></asp:ListItem>
     <asp:ListItem Value="2" Text="bbb"></asp:ListItem>
</asp:DropDownList>

ClientIDMode=“Static”

$('#DropUserType').val('1');

2015-01-05 06:34:42

我使用一个扩展函数来获取客户端id，如下所示:

$.extend({
    clientID: function(id) {
        return $("[id$='" + id + "']");
    }
});

然后您可以调用ASP。jQuery中的NET控件如下:

$.clientID("_statusDDL")

2011-04-07 02:05:17

<asp:DropDownList id="MyDropDown" runat="server" />

使用$(“选择[名称$ = ' MyDropDown '] ") .val()。

2010-10-07 20:25:53

如果我们想从选项名中找到然后用jQuery选择的选项，请参阅下面的代码

<div class="control">
           <select name="country_id" id="country" class="required-entry" title="Country" data-validate="{'validate-select':true}" aria-required="true">
              <option value=""> </option>
              <option value="SA">Saudi Arabia</option>
              <option value="AF">Afghanistan</option>
              <option value="AR">Argentina</option>
              <option value="AM">Armenia</option>
              <option value="AW">Aruba</option>
              <option value="AU">Australia</option>
              <option value="AT">Austria</option>
              <option value="IS">Iceland</option>
              <option value="IN">India</option>
              <option value="ID">Indonesia</option>
              <option value="IR">Iran</option>
              <option value="IQ">Iraq</option>
              <option value="IE">Ireland</option>
              <option value="IM">Isle of Man</option>
              <option value="IL">Israel</option>
              <option value="IT">Italy</option>
              <option value="JM">Jamaica</option>
              <option value="JP">Japan</option>
              <option value="JE">Jersey</option>
              <option value="JO">Jordan</option>
              <option value="AE">United Arab Emirates</option>
              <option value="GB">United Kingdom</option>
              <option value="US" selected="selected">United States</option>
           </select>
        </div>
<script type='text/javascript'>
let countryRegion="India";
     jQuery("#country option:selected").removeAttr("selected");
        let cValue= jQuery("#country option:contains("+countryRegion+")").val();
        jQuery("#country option[value='"+cValue +"']").attr('selected', 'selected');
</script>

我希望这对你有所帮助!

2021-12-20 05:14:42

你需要像这样使用隐藏字段:

$("._statusDDL").val(2);
$("._statusDDL").change();

$("._statusDDL").val(2).change();

2012-10-09 10:21:54

使用jQuery更改下拉列表的选定值

推荐文章

最新文章

标签