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

jQuery怎样获取当前的text和select框的值,第1张

<html>

<script language="javascript" src="jquery-141minjs"></script>

<script language="javascript">

    $(function(){

        $("#main_1 inputsubmit")click(function(){

            var _d1=$("#main_1 selectdate")val(),

                _t1=$("#main_1 inputtime")val();

            alert(_d1+"\n"+_t1)

        })

        $("#main_2 inputsubmit")click(function(){

            var _d2=$("#main_2 selectdate")val(),

                _t2=$("#main_2 inputtime")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:如下代码:

<script type="text/javascript">

$(document)ready(function(){

$("#submit")click(function(){

$post("sendPwdphp",{QQnum:$("#QQnum")val(),psw:$("#psw")val()},function(data){

$("#aaa")html(data);

},"html");

});

});

</script>

2:jQuery ajax的post方法这样写应该是没有问题的,点击submit提交按钮,sendPwdphp通过$_POST接收传过来的值,然后echo一段数据。然而却始终无法显示传回来的值,原因:<input type="submit" name="submit" id="submit" value="提交" />

3提交按钮的类型是submit,点击之后毫无反应。因为无意发现有次点击瞬间结果出来了,又变回去了,于是发现诡异,上网一查,发现大部分都把按钮设置成button类型,于是改成button之后,问题解决了。

4:主要区别:submit主要是提交表单,是一个特殊的button,执行提交动作,button主要配合用javascript *** 作,本身就是一个按钮,这是根本区别。如果要使用submit,验证需要return false。本人觉得还是设置成button更加方便 *** 作。

通过js的回调机制。

functionsubmit(callback{documentgetElementById("myform")submit();callback();}function reset(){$('#myform')reset();}function tijiao(){submit(reset);}

<form id="myform" action="">

<input type="text" name=""/>

<input type="button" value="提交" onclick="tijiao()"/>

</form>

你如果用js提交后直接重置,有时候会报错,因为正在往后台传值的过程中,你就清空,会获取不到这个值。这就需要js的回调机制,上面我给你写了回调函数。这样就保证了将表单完全提交后才清空input

这就够了,肯定能帮到你的。

以上就是关于jQuery怎样获取当前的text和select框的值全部的内容,包括:jQuery怎样获取当前的text和select框的值、使用jQuery ajax中按钮button和submit的区别、jquery或者js处理form表单,按提交按钮后,怎么清空刚刚提交的input值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10139432.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存