选择值时按文本选择值

时间:2018-09-24 11:46:16

标签: javascript jquery html5

我有以下代码:

<select name="search[active]" class="form-control" placeholder="Active" />
    <option value="1">True</option>
    <option value="0">False</option>
</select>

我想按值选择一个选项,例如,选择True,为此,我尝试使用以下代码:

$('[name="search[active]"').text(True);

$('[name="search[active]"').val(True);

不起作用。

有什么主意吗?

谢谢

1 个答案:

答案 0 :(得分:1)

按值选择器将类似于:

$('[name="search[active]"] option[value=1]').text();

按文本选择器将使用:contains(),如:

$('[name="search[active]"] option:contains(True)').val();

//Select By value
console.log($('[name="search[active]"] option[value=1]').text());
console.log($('[name="search[active]"] option[value=0]').text());

//Select By text
console.log($('[name="search[active]"] option:contains(True)').val());
console.log($('[name="search[active]"] option:contains(False)').val());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="search[active]" class="form-control" placeholder="Active">
  <option value="1">True</option>
  <option value="0">False</option>
</select>