我在PHP代码生成的html表之外有2个下拉列表。我在此表中提交了按钮
正如下面的代码所解释的那样。
<!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)\">
?>
单击此按钮,将加载以下javascript函数。
function getVal(clicked_id){
}
我的问题是如何获得年份和三个月的选定值并在getVal函数中使用。
欢迎任何帮助。
答案 0 :(得分:2)
获取所选的Id年份和三个月的文本
function getVal(clicked_id){
$('#year :selected').text();
$('#trimester :selected').text();
}
获取所选值
function getVal(clicked_id){
$('#year').val();
$('#trimester').val();
}
答案 1 :(得分:1)
使用jquery val函数
function getVal(){
$('#year').val();
$('#trimester').val();
}
答案 2 :(得分:1)
如果您使用的是JQuery,可以像
一样获取它function getVal(){
var ddlYear= $('#year').val();
var ddlTrimester= $('#trimester').val();
}
答案 3 :(得分:0)
看到你正在获得价值你需要返回数据,这是逻辑上的东西。不能只存储在变量中。
function getValYear(){
return $('#year').val();
}
function getValTrimester(){
return $('#trimester').val();
}
答案 4 :(得分:0)
在您删除UI元素之前,我看到了另一个关于将UI元素放入表格单元格的问题。这似乎是这个问题的延伸,所以我想我会在这里发布。我想你可能想考虑将选择框和ui元素视觉移动到表格单元格中。
Here's the jsfiddle我在你删除你的问题之前就提出了这个问题,并认为你可能想看到它。如果在开发过程中只进行了几步,似乎与您在这里提出的问题有些相关......
$("select").addClass("hidden");
$("#abc-td").on("click focus", function (){
var $offset = $(this).offset();
var $top = $offset.top - 9,
$left = $offset.left - 9,
$height = $(this).outerHeight(),
$width = $(this).outerWidth();
$("#abc").css({
position: "absolute",
top: $top,
left: $left,
height: $height,
width: $width
}).removeClass("hidden").focus();
});