jQuery怎样获取当前的text和select框的值

当我点击第一个提交按钮的时候,获取到第一个select框和text框内的内容;
当我点击第二个按钮的时候,获取到第二个select框和text框内的内容。
怎样做到这第一点呢?
以下是代码,请完善:

<script language='javascript' src='jquery-1.9.1.min.js'></script>
<script language='javascript'>
$(document).ready(function(){
$(".submit").click(function(){

});
});

</script>
<?php
?>
<html>
<div id="main_1">
第一时间:
<select class='date'>
<option value='1'>第一天</option>
<option value='2'>第二天</option>
<option value='3'>第三天</option>
<option value='4'>第四天</option>
<option value='5'>第五天</option>
</select>

<input type="text" name="time" class='time'>
<input type="submit" class='submit' value="提交" >
</div>
<div id="main_2">
第二时间:
<select class='date'>
<option value='1'>第一天</option>
<option value='2'>第二天</option>
<option value='3'>第三天</option>
<option value='4'>第四天</option>
<option value='5'>第五天</option>
</select>
<input type="text" name="time">
<input type="submit" class='submit' value="提交">
</div>
</html>
最新回答
怪性酷男人

2024-10-17 08:49:36

<html>
<script language="javascript" src="jquery-1.4.1.min.js"></script>
<script language="javascript">
    $(function(){
        $("#main_1 input.submit").click(function(){
            var _d1=$("#main_1 select.date").val(),
                _t1=$("#main_1 input.time").val();
            alert(_d1+"\n"+_t1)
        })
        $("#main_2 input.submit").click(function(){
            var _d2=$("#main_2 select.date").val(),
                _t2=$("#main_2 input.time").val();
            alert(_d2+"\n"+_t2)
        })
    })
</script>
<div id="main_1">
第一时间:
<select class='date'>
<option value='1'>第一天</option>
<option value='2'>第二天</option>
<option value='3'>第三天</option>
<option value='4'>第四天</option>
<option value='5'>第五天</option>
</select>
<input type="text" name="time" class='time'>
<input type="submit" class='submit' value="提交" >
</div>
<div id="main_2">
第二时间:
<select class='date'>
<option value='1'>第一天</option>
<option value='2'>第二天</option>
<option value='3'>第三天</option>
<option value='4'>第四天</option>
<option value='5'>第五天</option>
</select>
<input type="text" name="time" class='time'>
<input type="submit" class='submit' value="提交">
</div>
</html>

应该是你所要的,试试看吧,亲!

傲似公主

2024-10-17 09:15:55

  • 获取值
    文本框,文本区域:$("#id").attr("value"); 
    多选框 checkbox:$("#checkbox_id").attr("value"); 
    单选组radio:   $("input[type=radio][checked]").val(); 
    下拉框select: $('#sel').val(); 

婉肆

2024-10-17 09:08:05

在提交按钮加一个onclick=aa(this),
function aa(obj)
{
alert($(obj).prev().val());
alert($(obj).prev().prev().find("option:selected").text() );
}
墨城

2024-10-17 08:21:38

$("#submit1").click(function(){
$(".date option:selected").val();
}
提交最好用id选择器吧