Как задать select value?

Question

[Павел]

есть простой select

<select class="subcat">
<option value="">выбрать</option>
<option value="9">123</option>
<option value="20">321</option>
</select>

мне надо отобразить текст в селекте например "тут нечего нет" и задизейблить его
$(".subcat").prop("disabled", true);
а как если бы это был input я сделал бы .val("тут нечего нет");
но как с селектом сделать?

Answer 1

[0xD34F]

<button>toggle disabled</button>
<select>
  <option value="">выбрать</option>
  <option value="69">hello, world!!</option>
  <option value="187">fuck the world</option>
  <option value="666">fuck everything</option>
</select>

const $select = $('select');

$('button').click(function() {
  $select
    .prop('disabled', (i, val) => !val)
    .val('')
    .find('[value=""]')
    .text(() => $select.prop('disabled') ? 'тут ничего нет' : 'выбрать');
});

// или

const select = document.querySelector('select');

document.querySelector('button').addEventListener('click', () => {
  select.disabled = !select.disabled;
  select.value = '';
  select[0].textContent = select.disabled ? 'тут ничего нет' : 'выбрать';
});

Answer 2

[Антон]

https://jsfiddle.net/mwbhfg10/1/