Как использовать выбранное значение с помощью Bootstrap Combobox

Question

Я использую плагин https://github.com/danielfarrell/bootstrap-combobox/ Чтобы создать красивое окно поиска с автозаполнением.

Но как получить значение, которое было выбрано?

Это HTML код:

<div class = "form-group"> 
    <label>Select your name</label> 
    <div class="combobox-container"> 
     <select class="combobox input-large form-control" id="search_yourself"> 
      <option></option> 
      <?php 
       for($row = 0; $row < sizeof($race_table); $row++){ 
       echo("<option value=".$race_table[$row]['Name'].">". 
       $race_table[$row]['Name']."</option>"); 
       } 
      ?> 
     </select> 

     <script type="text/javascript"> 
      $(document).ready(function(){ 
       $('#search_yourself').combobox(); 
      }); 
     </script> 
    </div> 
</div> 

И я ищу что-то вроде

$('#search_yourself').change(function() { 
    alert($(this).text()); 
}); 

Но вместо text() (который возвращает мне все варианты, а не только выбранный один) I требуется выбранная опция.

Answer 1

Try:

$('#search_yourself').change(function() { 
      alert($('#search_yourself option:selected').text()); 
}); 

Answer 2

$('#search_yourself').change(function() { 
      alert($(this).val()); 
    }); 

Answer 3

Попробуйте это:

$('#search_yourself').change(function() { 
     alert("Value:" + $(this).val()); 
     alert("Text:" + $(this).find(":selected").text()); 
    }); 

Answer 4

Библиотека добавляет скрытый вход с тем же именем '' атрибут как оригинальный выбор. Этот вход обновляется библиотекой, поэтому вы можете получить желаемое значение параметра, выбрав этот вход с помощью атрибута 'name'.

<select id="add-holiday" class="custom_holiday" name="add-holiday"> 
<option value="">Enter Holiday</option> 
<option value="1">President's Day</option> 
<option value="2">Christmas</option> 
<option value="3">Memorial Day</option> 
</select> 

Получить значение по атрибуту 'имя' (через JQuery)

$("input[name='add-holiday']").val();