2016-10-26 8 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> 

これを多くのセレクタに適用できるようにするため、要素IDを使用しないで解決するとよいでしょう。値の参照が、document.getElementById()を使用しない限り、オプションでもあるmyFunction()スクリプトで達成できる場合。

+1

[onChange on html selectのパラメータを渡す方法](http://stackoverflow.com/q/5024056/215552)の答えの少なくとも1つは、IDを使用しません。 –

答えて

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

または単に '