Question

＆＃13;

<select class="shortinput" name="sub_cat" id="sub_cat_some_id">
    <option value="49">Mp3</option>
    <option value="75">AAC</option>
    <option value="15">Lossless</option>
    <option value="72">Transcode</option>
    <option value="73">Soundtrack</option>
    <option value="82">Radio Shows</option>
    <option value="87">Karaoke</option>
    <option value="16" selected="selected">Other Music</option>
</select>

＆＃13;

我想从此下拉框中选择MP3。还有另一个具有相同类的Dropdown框。我想将默认情况下选择的Other Music更改为MP3。我应该用什么来实现这个jquery代码？

Answer 1

在jQuery中使用val()方法并设置选项的相应值

$('#sub_cat_1089837').val('49');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select class="shortinput" name="sub_cat" id="sub_cat_1089837">
  <option value="49">Mp3</option>
  <option value="75">AAC</option>
  <option value="15">Lossless</option>
  <option value="72">Transcode</option>
  <option value="73">Soundtrack</option>
  <option value="82">Radio Shows</option>
  <option value="87">Karaoke</option>
  <option value="16" selected="selected">Other Music</option>
</select>

或者，如果您有多个选择标记，请尝试

$('.shortinput').eq(0).val('49');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select class="shortinput" name="sub_cat" id="sub_cat_1089837">
  <option value="49">Mp3</option>
  <option value="75">AAC</option>
  <option value="15">Lossless</option>
  <option value="72">Transcode</option>
  <option value="73">Soundtrack</option>
  <option value="82">Radio Shows</option>
  <option value="87">Karaoke</option>
  <option value="16" selected="selected">Other Music</option>
</select>
<select class="shortinput" name="sub_cat" id="sub_cat_1089837-1">
  <option value="49">Mp3</option>
  <option value="75">AAC</option>
  <option value="15">Lossless</option>
  <option value="72">Transcode</option>
  <option value="73">Soundtrack</option>
  <option value="82">Radio Shows</option>
  <option value="87">Karaoke</option>
  <option value="16" selected="selected">Other Music</option>
</select>

Answer 2

首先，您需要使用jQuery选择正确的select对象。由于您的网站上有两个具有相同类别的选择 - 您需要按ID选择它们并将值设置为选择：

$("#sub_cat_1089837").val(49);

如果您不知道ID，但是您知道课程和位置（例如，有两个选择，您需要设置最后一个），您可以使用类选择器和其他:last参数：

$(".shortinput:last").val(49);

:last会将.shortinput类的所有选项过滤为仅过去一个，然后.val()将更改所选值。您可以在jQuery documentation中阅读更多内容。

如果这有助于你，请告诉我。

如何使用jquery在下拉框中自动选择一个选项？

2 个答案: