Выберите значение в текстовом поле, когда выберите значение?

Question

У меня есть следующий код:

<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);

и не работают.

Есть идеи?

Спасибо

Answer 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>