Показывать первый символ выбранной опции в Select

У меня есть поле выбора следующим образом:

<select id="selectbox1">
  <option value="s">Second</option>
  <option value="m">Minute</option>
  <option value="h">Hour</option>
  <option value="d">Day</option>
  <option value="w">Week</option>
  <option value="t">monTh</option>
  <option value="y">Year</option>
</select>

Я хочу, когда я выбираю, например, первую опцию second Just S появляется в поле выбора и так далее. и когда его откроется для другого, выберите снова second.

Ответы

Ответ 1

Попробуйте следующее:

Добавьте одну скрытую опцию и при выборе опции возьмите текст значения и вставьте в скрытую опцию и сделайте ее принудительно выбранным каждый раз.

$('#selectbox1').on('change', function(){                                           
    var option = $(this).find('option:selected');
    $('.hide').text(option.val()).val(option.val());    
    $('.hide').data('value', option.text());
    $('.hide').attr('selected', true);        
});

Чтобы получить выбранную опцию value и text, вы можете это сделать:

$(this).find('option:selected').val();
$(this).find('option:selected').data('value');

DEMO Link