当前位置:博客首页>>PHP >> 阅读正文

js接收表单提交值-document.getElementById

作者: 郑晓 分类: PHP 发布于: 2011-05-19 10:29 浏览(12,199) 评论(2)


如遇这样问题时:如何在不提交表单的情况下接收文本字段里的值?

参考如下方法:

test1:<input name="textName1" type="text" id="textName1" />
<br>
text2:
      <input name="textName2" type="text" id="textName2" />
<br>
  <input type="button" name="Submit" value="text1"
  onclick=alert(document.getElementById('textName1').value) />
  <input type="button" name="Submit2" value="text2"
  onclick=alert(document.getElementById('textName2').value) />

它是一个document对象的方法,可以通过它来获得指定id的html元素。
例如在页面里表单元素你可以给它设置id值,或name值来区别同种类型的不同元素,当你设置id document.getElementById(“id”)来得到这个元素,从而通过document.getElementById(“id”).value 得到元素的值,类似的方法还有document.getElementsByName(“name”)通过元素名称呢个获得元素对象。document.getElementsByTagName(“form”)通过标签名称获得元素。

↓↓微信扫码请我吃份正宗的烤面筋,可带劲啦↓↓
       

本文采用知识共享署名-非商业性使用 3.0 中国大陆许可协议进行许可,转载时请注明出处及相应链接。

本文永久链接: https://www.zh30.com/js-to-submit-the-form-to-receive-the-value-document-getelementbyid.html

js接收表单提交值-document.getElementById:目前有2 条留言

用户评论头像 淘宝网女装发表于 2011年05月25日 20:27[回复]

博主的文章很不错,学习了。

用户评论头像 狱龙之吻发表于 2011年05月22日 16:56[回复]

哎,看不懂啊!