Javascript 不使用提交按钮获取所选下拉列表值
我在PHP代码生成的html表外有两个下拉列表。我在此表中有“提交”按钮Javascript 不使用提交按钮获取所选下拉列表值,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我在PHP代码生成的html表外有两个下拉列表。我在此表中有“提交”按钮 如以下代码所述 <!doctype html> Select Year: <select name=\"year\" id=\"year\" style="width: 200px"> <option value=\"2014\">2014</option>
如以下代码所述
<!doctype html>
Select Year:
<select name=\"year\" id=\"year\" style="width: 200px">
<option value=\"2014\">2014</option>
<option value=\"2015\">2015</option>
</select>
Select Trimester:
<select name=\"trimester\" id=\"trimester\" style="width: 200px">
<option value=\"1st\">1st</option>
<option value=\"2nd\">2nd</option>
<option value=\"3rd\">3rd</option>
</select>
<?php
while($row = mysql_fetch_array($result)){
$ict_id= $row['id'];
$name= $row['name'];
echo "<tr><form name=\"form$id\" id=\"form$id\"><td>".$name."</td>
<td>
<select name=\"absent$id\" id=\"absent$id\" style=\"width: 200px\">
<option value=\"1\">1</option>
<option value=\"2\">2</option>
</select>
</td>
<td>
<select name=\"creative$id\" id=\"creative$id\" style=\"width: 200px\">
<option value=\"1\">1</option>
<option value=\"2\">2</option>
</select>
</td>
<td>
<select name=\"problem$id\" id=\"problem$id\" style=\"width: 200px\">
<option value=\"1\">1</option>
<option value=\"2\">2</option>
</select>
</td>
<td>
<input type=\"button\" name=\"submit$id\" id=\"submit$id\" value=\"Submit\" onclick=\"getVal(this.id)\">
?>
我的问题是如何获得年份和月份的选定值并在getVal函数中使用
欢迎任何帮助 将
onchange
事件添加到select元素,并将id传递给此元素,如下所示:
<select onchange="getVal(this.id)" name=\"absent$id\" id=\"absent$id\" style=\"width: 200px\">
function getVal(clicked_id){
alert(clicked_id);
}
console.log($('#'+单击的_id.val())onclick=\“getVal($id)\”
试试看
function getVal(clicked_id){
alert(clicked_id);
}