2016-09-20 9 views
2

私のアプリケーションでは、onchange関数にアクセスするときにselectボックスのIDを取得しようとしています。ここで 2選択ボックスは、ここで同じ機能の両方の点であるこれら2つの選択box.ieの例1及び例2Select I onchange Jquery

<select id="example1" onchange='check()'> 
    <option value="1">one</option> 
    <option value="2">two</option> 
    <option value="3">three</option> 
    <option value="4">four</option> 
</select>Example 2 : 
<select id="example2" onchange='check()'> 
    <option id="1">one</option> 
    <option id="2">two</option> 
    <option id="3">three</option> 
    <option id="4">four</option> 
</select> 

私のjQueryの機能を選択するとき、私は選択ボックスのIDを取得することができます.How チェック、しかし、最初の選択ボックスのIDだけを取得します。

<script> 
function check(){ 
var id = $('select').attr('id'); 
alert(id); 
} 
</script> 

答えて

3

あなたは、私は、インラインのJavaScript(選択要素から ONCHANGE を除く)を取り除くために、あなたをお勧めします$(この)

<script> 
    function check(){ 
     var id = $(this).attr('id'); 
     alert(id); 
    } 
</script> 

を使用する必要があります。そして、このコードを使用しますEDIT

$("select").on("change", function() { 
 
    var id = $(this).attr("id"); 
 
    alert(id); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select id="example1"> 
 
    <option value="1">one</option> 
 
    <option value="2">two</option> 
 
    <option value="3">three</option> 
 
    <option value="4">four</option> 
 
</select>Example 2 : 
 
<select id="example2"> 
 
    <option id="1">one</option> 
 
    <option id="2">two</option> 
 
    <option id="3">three</option> 
 
    <option id="4">four</option> 
 
</select>

を: 私はあなたがあなたの質問に$( '選択')を書いたので、あなたはjQueryのを使用することを前提としています。

1

あなたはthisを渡すために、インライン関数呼び出しを変更することができます。

onchange='check(this)' 

は、その後、あなたの関数は次のようになります。

function check(t){ 
    var id = t.id; 
    alert(id); 
}