2016-10-26 3 views
1

Возможно ли это, используя некоторую комбинацию javascript и html?Могу ли я передать значение выбора в качестве параметра для функции onchange?

<select onchange="myFunction(valueOfThisSelector)"> 
    <option value="op1">Op1</option> 
    <option value="op2">Op2</option> 
    <option value="op3">Op3</option> 
</select> 

Я бы предпочел, если решение достигается без использования элементов идентификаторов, потому что я хочу, чтобы иметь возможность применить это ко многим селекторов. Если ссылка на значение может быть достигнута в сценарии myFunction(), который также является опцией, если он не использует document.getElementById().

+1

Как минимум один из ответов на [Как передать параметры onChange html select] (http://stackoverflow.com/q/5024056/215552) не использует идентификатор. –

ответ

3

Просто передайте this в качестве параметра, а затем получить значение из нее:

function myFunction(current_select){ 
 
    alert(current_select.value); 
 
}
<select onchange="myFunction(this)"> 
 
    <option value="op1">Op1</option> 
 
    <option value="op2">Op2</option> 
 
    <option value="op3">Op3</option> 
 
</select>

Или передать значение непосредственно:

function myFunction(selected_value){ 
 
    alert(selected_value); 
 
}
<select onchange="myFunction(this.value)"> 
 
    <option value="op1">Op1</option> 
 
    <option value="op2">Op2</option> 
 
    <option value="op3">Op3</option> 
 
</select>

+1

Или просто '