0

Как передать текущее значение выбранного select в onclick ? Например из селекта

<select name="option[227]">
        <option value="">Выберите Опцию</option>
         <option value="19">Опция 3 </option>
         <option value="18">Опция 2 </option>
         <option value="17">Опция 1 </option>
 </select>

В <a href="#" onclick="add('Значение select');">+</a>

2 ответа 2

2

Если прямо на "голом" JS + onclick, то как то так:

function add(selectEl){
    var value = (selectEl) ? selectEl.options[selectEl.selectedIndex].value : null;
    console.log(value);
}
<select id="test">
  <option selected="selected" value="0">0</option>
  <option value="2">2</option>
</select>
<a href="#" onclick="add(document.querySelector('#test'))">Test</a>

При этом в функцию передается не значение, а сам элемент списка, иначе громоздко писать прямо в атрибуте onclick.

Но лучше использовать события + jQuery.

2

Пример с сайта jQuery

<select id="myselect">
    <option value="1">Mr</option>
    <option value="2">Mrs</option>
    <option value="3">Ms</option>
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>
function add() {
    var a = $( "#myselect" ).val();
    console.log(a);
}
1
  • 1
    Тогда уж $( "#myselect option:selected" ).val(); 17 ноя 2015 в 16:11

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.