javascript - 使用 jQuery 中的 onchange 函数从多个动态记录中获取选择选项值？

Question

这是我的代码

foreach($test as $val){

<select name="change" onchange="Change()" id="change-<?=$val['id']?>" data-id="<?php echo $val['id'];?>">
     <option value="1">one</option>
     <option value="20">two</option>
     <option value="21">three</option>                
 </select>
}

jQuery 函数

 function Change(){
        alert($(this).val());
    }

在这段代码中，我想要不同时间的不同值和 id。

Answer 1

在 HTML 部分中将 onchange="Change()" 替换为 onchange="Change(this)"。

函数应如下所示。

function Change(el){
    alert("value : "+el.value+" and Id : "+el.id+' and data-id : '+el.getAttribute("data-id"));  
}

请检查工作片段:

function Change(el){
  alert("value : "+el.value+" and Id : "+el.id+' and data-id : '+el.getAttribute("data-id"));  
}

<select name="change" onchange="Change(this)" id="change-1" data-id="1">
     <option value="1">one</option>
     <option value="20">two</option>
     <option value="21">three</option>                
 </select>