js 怎么获取到input输入的值

js 怎么获取到input输入的值,第1张

<html>

<head>

<meta charset="utf-8">

<title>Demo</title>

<script src=">

<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>

$('#输入选择器')keyup(function () {

//输入的金额

var exchangeCount = $('输入选择器')val();

//余额

var profitCount = $('#余额选择器')val();

//奖金

var bonusCount = $('#奖金选择器')val();

if(exchangeCount > 0){

$('#余额选择器')val(profitCount - exchangeCount);

$('#奖金选择器')val(bonusCount + exchangeCount);

}

});

在页面中我们最常见的页面元素就是input了,但是我们如何用JavaScript得到网页input中输入的value值呢,其实很简单,方法也不止一种,据我总结比较常用的就是下面的两种方法,闲话不多说了,下面那就来看看我说的方法吧: 

方法一、 

Java代码

<html>

<head>

<script language="javascript">

function print(){

var a=myformnamevalue;

alert(a);

}

</script>

</head>

<body>

<form name="myform">

<input type="text" name="name" id="nn" />

<input type="button" name="button" value="获取" onclick="print()" />

</form>

</body>

</html>

这是获取网页input值的方法之一,给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值,并把值赋给a,最后用JavaScript的alert()打印方法打印出来。 

方法二、 

JS代码

<html>

<head>

<script language="javascript">

function print(){

var a=documentgetElementById("nn")value;

alert(a);

}

</script>

</head>

<body>

<form>

<input type="text" name="name" id="nn" />

<input type="button" name="button" value="获取" onclick="print()" />

</form>

</body>

</html>

简介:

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

以上就是关于js 怎么获取到input输入的值全部的内容,包括:js 怎么获取到input输入的值、JS:如何获取text文本框中输入的数值、js获取input输入的值,等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存