如何用jquery获取input中输入的值

如何用jquery获取input中输入的值,第1张

用jquery获取input中输入的值的方法:

1、使用id的方式获取:

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

var result1 = $("#input_text1")val();

alert("result1 = " + result1);

});

2、使用属性选择器获取:

var result2 = $("input[id='input_text1']")val();

alert("result2 = " + result2);

3、使用type的值来获取input中的值

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

var result4 = $("input[type='text']")val();

alert("result4 = " + result4);

});

4、通过name的值来获取input中的值

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

var result5 = $("input[name='text']")val();

alert("result5 = " + result5);

});

在提交上一页表单的时候,将你提交的值记录下来,放在后台的数据库中,或者放入cookie中,不然是无法获取的。因为要获取历史数据,那么就需要考虑数据放在那里,我就去哪里找到它来。和我们整理自己的物品是一样的道理,用过的东西,用完之后,放在哪里方便我们下一次快速的找到。

获取值:

文本框,文本区域:$("#txt")attr("value");

多选框checkbox:$("#checkbox_id")attr("value");

单选组radio: $("input[@type=radio][@checked]")val();

下拉框select: $('#sel')val();

控制表单元素:

文本框,文本区域:$("#txt")attr("value",'');//清空内容

$("#txt")attr("value",'11');//填充内容

多选框checkbox: $("#chk1")attr("checked",'');//不打勾

$("#chk2")attr("checked",true);//打勾

if($("#chk1")attr('checked')==undefined) //判断是否已经打勾

单选组radio: $("input[@type=radio]")attr("checked",'2');//设置value=2的项目为当前选中项

下拉框select: $("#sel")attr("value",'-sel3');//设置value=-sel3的项目为当前选中项

$("<option value='1'>1111</option><option value='2'>2222</option>")appendTo("#sel")//添加下拉框的option

$("#sel")empty();//清空下拉框

要用jquery得到后台的信息,那么你就得用ajax来提交

下面是jquery里的一种提交方式,url就是你要提交到后台的url地址,null就是你要传递的参数,callback(data)就是回调函数,在这里对你得到的后台信息进行其它 *** 作

$post( url,null,

function callback(data){

//这里面的data就是你后台要输出的

}) ;

以上就是关于如何用jquery获取input中输入的值全部的内容,包括:如何用jquery获取input中输入的值、怎么用jquery获取上一页的表单数据、jquery怎么获取表单所有的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存