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