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函数中使用
欢迎任何帮助 使用jquery val函数
function getVal(){
$('#year').val();
$('#trimester').val();
}
获取Id年份和三个月的选定文本
function getVal(clicked_id){
$('#year :selected').text();
$('#trimester :selected').text();
}
获取所选值的步骤
function getVal(clicked_id){
$('#year').val();
$('#trimester').val();
}
如果您使用的是JQuery,那么可以像
function getVal(){
var ddlYear= $('#year').val();
var ddlTrimester= $('#trimester').val();
}
当你们得到值时,你们需要返回数据,这是合乎逻辑的事情,而不仅仅是存储在变量中
function getValYear(){
return $('#year').val();
}
function getValTrimester(){
return $('#trimester').val();
}
我看到了关于在删除UI元素之前将其放入表单元格的另一个问题。这似乎是这个问题的延伸,所以我想我应该把它贴在这里。我想您可能想考虑将选择框和UI元素“强”> Visual< /Stand >移动到表单元格中。 在你删除你的问题之前我做了一个测试,我想你可能想看看。似乎与您在这里提出的问题有点相关,只要在开发过程中再向前走几步
$("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();
});
年度和三个月不包含在表格中,也没有提交表格。我可以在由另一个提交触发的函数中使用年份和三个月的值吗button@stackuser,请编辑问题或提出新问题。
$("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();
});