Question

js获取jsp页面表格内select选中的值得问题

<script type="text/javascript">
$(function(){
var str ="<tr>";
for(var i=0;i<10;i++){
str+="<td><select></select></td>";
}
str+="</tr>";
$("table").append(str);

var str1 ="<tr>";
for(var i=0;i<10;i++){
str1+="<td><select></select></td>";
}
str1+="</tr>";
$("table").append(str1);
$("select").append("<option value='111'>111</option>");
$("select").append("<option value='222'>222</option>");
$("select").append("<option value='333'>333</option>");

$("tr").find("select:first").change(function(){

var v=$(this).children(":selected").val();
$(this).parent().parent().find("option[value='"+v+"']").attr("selected","selected");
});
});
</script>
<table></table>这是小弟的代码，现在想问怎么用js获取表格内任意的单元格内的select选中的值，求大神给予答案。谢谢

Answer 1

在你的代码后添加下面代码，就可以在修改select选择后，得到每个select中的值了。
<div id="output_div"></div>
<script type="text/javascript">
$(function(){
output_func();
$("select").change(output_func);
});
function output_func(){
var str="输出显示为：<br>";
$("tr").each(function(){
$(this).find("td").each(function(){
str+="<span style='border:1px solid blue;'>"+$(this).find("select").val()+"</span> ";
});
str+="<br>";
});
$("#output_div").html("<br>" + str);
}
</script>

追问

我想知道怎么直接获取啊

追答

直接获取是什么意思？不用jQuery?只用js?

追问

嗯，直接找到我要的那个select获取到他选中的值

追答

把
str+=""+$(this).find("select").val()+" ";

改成

str+=""+$(this).find("select").get(0).value+" ";
其效果是一样的。
其中get方法用于返回指定jQuery元素的DOM元素，也就是又转换成之前的select元素。
这是不是你要的效果?