<input id="in">
如果没学到jquery的情况下：var input_value = documentgetElementById(' in ')value;
如果学了jquery: var input_value = $("#in")val() ;
在网页中，节点id是不可重复的，如果出现了重复的，那么只读取第一个节点了，该问题的解决方案可以再每个input的id中添加开头或者结尾标记，如：inp_name_1、inp_name_2，也可以用name属性查找input节点，
var inputs=$("input name=['inp_name']");然后可以对其进行循环遍历了
<html>
<body>
<script language="JavaScript">
function OP()
{
//因为页面中只有一个name为text1的所以取第一个元素
var x=documentgetElementsByName("Text1")[0];
alert(xvalue);
}
</script>
<p><input id="Text1" type="text" name="text1" /></p>
<p><input type="button" value="显示输入的内容" onclick="return OP()"/></p>
</body>
</html>
原因：<input id="Text1" type="text" />没有设置name这个属性,所以 var x=documentgetElementsByName("Text1");是不对的,得用 getElementById,第二个错误,是取值。
扩展资料：
关于上述中提到的name属性
name 和 id 属性都可以与 href 属性结合起来使用，这样一个 <a> 标签就可以同时作为超链接和片段标识符使用。
可以简单地将片段标识符看作是对许多编程语言中普遍使用的 goto 语句标签的 HTML 模拟。<a> 标签中的 name 属性或者 <a> 或其他标签中的 id 属性会在文档中放置一个标识。
当标签用于链接到该文档时，就等于告诉浏览器要转到（goto）该标识。id 或 name 属性的值可以是引号引起来的任何字符串。
字符串必须是唯一的标记，不能在同一文档中的其他 name 或 id 属性中重复使用，但是可以在不同的文档中再次使用。
如果使用 id 属性，上面的实例可改写为：
<a id="#C1">第一章</a>
<a id="#C2">第二章</a>
<a id="#C3">第三章</a>
<a id="#C3">第四章</a>
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，填充问题基础代码。
2、在indexhtml中的<script>标签中，输入js代码：
var a = $('input[name="a"]');
for (var i = 0; i < alength; i++) {
$('body')append(aeq(i)val())
}
3、浏览器运行indexhtml页面，此时对象们的值被循环输出了。
失去焦点就去获取，在文本框中写一个onblur事件就可以动态获取了：
<form id="form1" name="form1" method="post" action="">
<input name="改变" type="button" onblur="javascript:getvalue();" value="改变" />
<input name="获取" type="button" onclick="javascript:getss();" value="获取" />
<input name="传递" type="button" onclick="javascript:senss();" value="传递" />
</form>
function getvalue(){
alert(documentgetElementById("ename")value);
}
<body>
<input type="text" id="sr" value=""/>
<button>按钮</button>
<div id="box"></div>
<script>
documentquerySelector('button')onclick=function(){
var n=parseInt(Number(srvalue));
boxinnerHTML="";
for(var i=0;i<n;i++){
boxinnerHTML+='<div style="border:1px solid red">dfdfsdf</div>';
}
}
</script>
</body>
以上就是关于js 中怎么从input获取输入的value值全部的内容，包括:js 中怎么从input获取输入的value值、js获取输入框的值只能获取第一个值，如何获取点击事件那个值、JS:如何获取text文本框中输入的数值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）