怎么用js获取表单里input标签下的name参数的值并修改

怎么用js获取表单里input标签下的name参数的值并修改,第1张

一、设计思路如下:

1、通过getElementsByTagName把input对象取出来。

2、通过name对input的那么属性进行赋值。

二、实例演示代码如下:

1、设计一个html页面,包括一个input和按钮,通过按钮修改input的name属性,并展示在input的value中。

2、执行函数如下:用getElementsByTagName把所有的input对象取出来,通过value的方式赋值。

3、此时的页面展示如下:

4、查看Dom节点,其name属性为:

5、点击按钮,查看执行效果:

6、查看DOM节点,input的name属性如下:

可以直接用name这个属性取到的name的值。下面是个小例子。仅供参考:

<body>

    <div id="div" name="div" style="width:100px; height:100px; background:#ccc;"></div>

</body>

<script>

    var oDiv = documentgetElmentById('div');

    oDivonclick=function(){

        alert(oDivname);   //这个时候填出 div 

    };

</script>

name是input标签的属性值,jQuery提供了attr() 方法用于设置/改变属性值 $("input:text")attr("name");$("input:text")prop("name"); // 也可以使用prop()方法获取属性示例代码如下 创建Html元素 点击按钮获取文本框的name属性值:设置css样式

1documentgetElementByName("1")可以获得name为1的这个div;2如果你是想获得这个div中name的值可以用jquery的attr方法,$("#script")attr("name");3用js方法为documentgetElementById("script")name (由于name的值可能不唯一,所以采用获取id的方法)

因为不知道你这个问题的具体想了解的内容,所以我把可能的情况都和你说了下

第一种方法就是自己写个方法获取所有的标签元素,在根据属性name的值去筛选

第二种方法就是documentquerySelectorAll()方法

例如你要查询所有name="ok"的标签

documentquerySelectorAll('[name="ok"]')

这样就可以了

望采纳

首先,我要纠正你的一个错误,option里面是没有name这个属性的,name属性应该在select这里。

html的下拉框只有一个name,而你每次选中一个下拉属性时,其实取到的是下拉框的value值。

如果你其实是要取value的值的话就这样写:

//加个选中事件<select onchange="getSelect(thisvalue);">

function getSelect(obj)//这个obj就是你想要的value

{

    alert(obj);

}

以上就是关于怎么用js获取表单里input标签下的name参数的值并修改全部的内容,包括:怎么用js获取表单里input标签下的name参数的值并修改、javascript怎么获得元素的name属性、如何获取name相同的input的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存