2012-09-23 146 views
-1

我的页面上有多个动态设置的选择框(例如超过100个)。我试图单独获取每个盒子的值,但是当更改发生时,它会迭代每个选择框,因为它们都具有相同的类。我怎样才能得到每个选择框的值分别再做事...获取选择框的值

<select id="(dynamically set, may be different every time)" class="selection"> 
    <option value=""></option> 
    <option value="dynamically set">1</option><option value="dynamically set">2</option> 
    <option value="dynamically set">3</option> 
</select> 
<select id="(dynamically set, may be different every time)" class="selection"> 
    <option value=""></option> 
    <option value="dynamically set">1</option> 
    <option value="dynamically set">2</option> 
    <option value="dynamically set">3</option></select> 
<select id="(dynamically set, may be different every time)" class="selection"> 
    <option value=""></option> 
    <option value="dynamically set">1</option> 
    <option value="dynamically set">2</option> 
    <option value="dynamically set">3</option></select> 
etc... 

JS

<script type="text/javascript"> 
//Psuedo code 
$('.selection').change(function(){alert('test');}); 
</script> 

回答

7
$('.selection').change(function() { 
    console.log(this.value); 
    //or 
    console.log($(this).val()); 
}); 
+0

$(本).VAL()是比jQuery(this).val(): – Nicodemeus

+0

更真实,但它仍然遍历所有值,而不是单个选中的值。其他人显示为undefined –

+0

我只需要获取已更改的单个框 –