在js在怎样获取用户输入在<input type="text">中的值?

JavaScript031

在js在怎样获取用户输入在<input type="text">中的值?,第1张

在head中引用jquery:

<script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>

2.定义一个text输入框:

<input type="text" value="" id="inputValue"/>

3.在自定义函数中根据id获取此text的值:

var temp = $('#inputValue').val()//获取值

alert(temp)//显示

4.将输入的 字符串根据 ","分割:

var temp = $('#inputValue').val()

var getStr = temp.split(",")

5.定义一个对象,并打印输入这个对象的值:

var jsonData = {}

jsonData.MainCmdID = 9100//游戏消息 MDM_GF_GAME

jsonData.SubCmdID = 9012//用户出牌SUB_C_OUT_CART_WEB

jsonData.ChairID = 0

jsonData.CardCount = getStr.length

jsonData.CardData = temp

var str = JSON.stringify(jsonData)

alert(str)

输出 text中输入的值:

输出一个对象的值:

<html>

<body>

<script language="JavaScript">

function OP()

{

//因为页面中只有一个name为text1的所以取第一个元素

var x=document.getElementsByName("Text1")[0]

alert(x.value)

}

</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=document.getElementsByName("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>

...