如何在文档加载时使用 jquery 在选择框中选择特定项目

发布于 2024-09-25 18:13:02 字数 482 浏览 5 评论 0原文

我有选择框，

<select id ="myselect">
<option value="AA">AA</option>
<option value="AB">AB</option>
<option value="AC">AC</option>
<option value="AD">AD</option>
</select>

因此在加载文档时我想将选择框中的项目“AC”作为加载文档时的默认选定选项

$('#myselect').children('option').text( 'AC').attr('selected', 'selected');

因此，编写此语句后，它使我的选择框完全填充值“AC”。我该如何纠正这个问题我尝试使用 if 语句比较“AC”的值。并且我没有选项的“值”作为数字

原文

iam having the select box

<select id ="myselect">
<option value="AA">AA</option>
<option value="AB">AB</option>
<option value="AC">AC</option>
<option value="AD">AD</option>
</select>

so on document load I want to Make item "AC" in the select box as the default selected option on loading the document

$('#myselect').children('option').text('AC').attr('selected', 'selected');

so with this statement written it is making my select box to fill with values 'AC' completely for my select box. How do i correct that
and i tried in using the if statement comparing the value for 'AC'.And i dont have the "Value" for option as number

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

泪眸﹌ 2024-10-02 18:13:02

它应该可以通过以下方式实现：

$('option[value=AC]').attr('selected','selected');

演示位于：jsbin。

It should be do-able with:

$('option[value=AC]').attr('selected','selected');

Demo at: jsbin.

回复收藏 0 原文

心是晴朗的。 2024-10-02 18:13:02

您可以使用 .val() 设置选择的值。这将选择具有指定值的选项。

$("#myselect").val('AC');

示例如下： http://jsfiddle.net/mtd6z/

You can use .val() to set the value of the select. This will select the option with the specified value.

$("#myselect").val('AC');

Example here: http://jsfiddle.net/mtd6z/

回复收藏 0 原文

满地尘埃落定 2024-10-02 18:13:02

你可能想要

 $('#myselect').children('option').filter(function(){ return $(this).text() == 'AC' }).attr('selected', 'selected');

You probably want

 $('#myselect').children('option').filter(function(){ return $(this).text() == 'AC' }).attr('selected', 'selected');

回复收藏 0 原文

稍尽春風 2024-10-02 18:13:02

我建议不要使用Javascript（除非有一些非常重要的原因）-

可以简单地这样做

<select id ="myselect">
<option value="AA">AA</option>
<option value="AB">AB</option>
<option value="AC" selected="selected">AC</option>
<option value="AD">AD</option>
</select>

I suggest not using Javascript for this (unless some very important reason ) -

It can be simply done this way

<select id ="myselect">
<option value="AA">AA</option>
<option value="AB">AB</option>
<option value="AC" selected="selected">AC</option>
<option value="AD">AD</option>
</select>

回复收藏 0 原文

~没有更多了~