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>

<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>

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

温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-12-04

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

第2个回答  推荐于2016-06-30
在提交按钮加一个onclick=aa(this),
function aa(obj)
{
alert($(obj).prev().val());
alert($(obj).prev().prev().find("option:selected").text() );
}本回答被提问者采纳
第3个回答  2013-05-20
$("#submit1").click(function(){
$(".date option:selected").val();
}
提交最好用id选择器吧

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网