как извлечь значение из <select> тега

Question

У меня есть список, как

<select name="operation" id="operation"> 
    <option value="1">XXXX</option> 
    <option value="2">YYY</option> 
    <option value="3">ZZZ</option> 
</select> 

я должен получить значение «XXXX», если пользователь выбирает вариант 1, для 2-го я должен получить шоу «YYYY» и так далее , И формат должен быть как в приведенном выше виде, мне не нужно менять значение = «1», «2», «3». Мне нужно это в javascript. Благодаря

Answer 1

Вы можете получить его, захватывая <select> затем получать <option> в .selectedIndex, как это:

var sel = document.getElementById('operation'); 
var text = sel.options[sel.selectedIndex].text; 

You can test it out here.

Answer 2

var dropdown = document.getElementById('operation'); 
var selected = dropdown[dropdown.selectedIndex].text; 

, вероятно, также проверить SelectedIndex не быть вне границ

Answer 3

Попробуйте это, чтобы предупредить текст выбранного опциона:

<select name="operation" id="operation" 
     onchange="alert(this.options[this.selectedIndex].text);"> 
    <option value="1">XXXX</option> 
    <option value="2">YYY</option> 
    <option value="3">ZZZ</option> 
</select>