如何通过我的自定义值在HTML中设置选择选项？[副本]

Question

我有一个select字段，里面有一些选项。现在我需要使用jQuery选择其中一个选项。但当我只知道必须选择的选项的值时，我怎么能那样做呢？

我有以下HTML：

null

<div class="id_100">
  <select>
    <option value="val1">Val 1</option>
    <option value="val2">Val 2</option>
    <option value="val3">Val 3</option>
  </select>
</div>

null

我试着用一个标签来做这个，但这不起作用。

请告诉我其他的方法。

提前致谢

Answer 1

我确信我所理解的，但我会努力的！

我认为最好的方法是为每个选项添加一个id属性，但其值与value属性相同，如下所示:val1

因为在此之后,我们可以将您已经知道的值存储在一个变量中,如下所示：

var data = "val3"; //or whatever you had 

在JQuery中，我们可以这样做:$('#'+data).attr('select','select')；

通过这一点，我们将selected属性添加到我们想要选择的元素中，并添加selected值。

希望这有帮助！

Answer 2

不确定您是否在询问select选项的jQuery选择器。如果是这样，请检查代码段波纹。

示例：

$('select option[value="VALUE_YOU_WANT_TO_SELECT"]')

null

$(document).ready(function() {
  //selects the inner html of the second option tag
  console.log($('.id_100 option[value="val2"]').html());
  //OR
  console.log($('select option[value="val2"]').html());
  //OR only
  console.log($('option[value="val2"]').html());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="id_100">
  <select>
    <option value="val1">Val 1</option>
    <option value="val2">Val 2</option>
    <option value="val3">Val 3</option>
  </select>
</div>