jQuery获取和设置表单元素的方法_IT百科

本篇文章主要对jQuery获取和设置表单元素的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助

jQuery提供了val()方法，使用它我们可以快速地获取和设置表单的文本框、单选按钮、以及单选按钮的值。

使用val()不带参数，表示获取元素的值

使用val()给定参数，则表示把值赋给元素

如下：

代码如下:

//获取值

alert($("input#mytextbox").val())

alert($("select#mylist").val())

alert($("input#myradio").val())

//设置值

$("input#mytextbox").val("61dh")

$("select#mylist").val("第一列")

$("input#myradio").val(2)

<body><button id="addform"></button></body> $(function(){

$("#addform").click(function(){

var form = $("<form></form>")

var select = $("<select></select>")

var option1 = $("<option>1</option")

var option2 = $("<option>2</option")

var option3 = $("<option>3</option")

select.append(option1)

select.append(option2)

select.append(option3)

var input = $("<input type='text'/>")

form.append(select)

form.append(input)

$("body").append(form)

})

form有id或者是class吗？或者它的子孙元素有也可以。。如果没有的话，寻找这个form会比较麻烦。。但如果页面只有这一个form的话倒是可以，如下：

$("form").eq(0).attr("name","lo_form")

就这一行代码OK。

但还是有id或class好一些，因为上面代码如果在你有多个form的时候就不可以这样用了。比如如果form的id=fr，那么这样写：

$("#fr").attr("name","lo_form")

form的class=fr的话，你得知道它是第几个，这个是和第一行的代码效果一样的，其中eq(0)指的是第一个的意思，eq(1)就是第二个。这样来写：

$(".fr").eq(0).attr("name","lo_form")

如果你的form里有一个元素，它有id属性，那也好说，比如form里有一个id=child的元素，那么这样写：

$("#child").parent("form").attr("name","lo_form")

而如果你的form外面被套着一个元素，它有id属性，那一样好说，比如form外面还有个div，它的id=parent，那么这样写：

$("#parent").children("form").attr("name","lo_form")

ok，把你能遇到的基本都说了，应该有一个能用上吧。

欢迎分享，转载请注明来源：内存溢出

jQuery获取和设置表单元素的方法