jquery获取和显示页面上各表单的vlaue

jquery获取和显示页面上各表单的vlaue,第1张

某一个text中?

$("button")click(function(){

  x=$("form")serializeArray();

  $each(x, function(i, field){

    $("#text")val($("#text")val() + "" + fieldvalue + " ");

  });

});

var str = '';

$('form')find('input,select,textarea')each(function(){

    str += $(this)val();

})

思路:

表单元素(多种类型)遍历,获取到其值拼接;

将得到str拼接后的字符串,把它赋值给多行文本框!

获取值:

文本框,文本区域:$("#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();//清空下拉框

//1、radio控件添加name='opType'树形

$("input[name='opType']:checked")val() -------此方法估计用的比较多,通俗易懂 

//2、使用jQuery选择器

$("input:radio:checked")val(); ---------此方法最简单,但是连着使用选择器不容易懂 

//3、以上两者结合

$("input[@name='opType'][checked]");

$('#formQC1 value')text()

如果获取不到,可能这个div是动态载入的,意思就是这个div可能是由js生成出来的。

然后就是你写获取这个class=value的div代码时候,这个div还没有出现。你才获取不到。

如果不是这个原因,那么就看你是不是在domReady之前来获取这个div的,那么什么是domReady之前呢

<script>

    $('#content')text() // 这样就是domReady之前,js加载了,但是div还没有加载出来,因为div在js后面,浏览器加载从上到下运行,js运行的时候立即去寻找一个id为content的元素,然后没找到。

</script>

<div id="content">111</div>

那么你可以把script写在div下面,或者加上domReady事件,jquery的domReady事件,意思是html里面的元素被浏览器从上到下渲染完了。

<script>

    $(document)ready(function() {

        // domReady完成之后才会执行这个代码块里的东西,可以确保所有元素被渲染,除非是动态加载的,如果是动态加载比较麻烦,基本思路就是动态加载完成之后再去获取。

        alert($('#content')text())

    })

</script>

<div id="content">111</div>

1 parentopenDialog("child", "page=father&custName=txtEmployee");

问号前面具体的页面写上不就行了。

或者直接用windowopen()不也行吗

2写一个函数:

function quzhi(obj)

{

var name=$("#" + objid + " td")eq(2)text();

return name;

}

这就是取得name的值,obj是传入一个tr

既然用id做标示 就尽量保证id不重复,直接$('#updateUnitName') ;

如果一定要划定一个范围的话 就这样$('#updateUserForm #updateUnitName') ; 第一个是范围 + 空格 + 范围下的选择器 一般会这样用$('#范围 ClassName或者控件名') ;

以上就是关于jquery获取和显示页面上各表单的vlaue全部的内容,包括:jquery获取和显示页面上各表单的vlaue、创建一个form表单,使用所有的组件,通过jquery来获取到这些组件里面的数据,然后、jquery怎么获取表单所有数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9611943.html

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

发表评论

登录后才能评论

评论列表(0条)

保存