用javascript获取网页中某个表单中按钮的值,然后用javascript输出这个值到页面上~~怎么实现

用javascript获取网页中某个表单中按钮的值,然后用javascript输出这个值到页面上~~怎么实现,第1张

//首先给你要找的按钮顶一个id值,叫myButton,然后用下面这句js获得该按钮对象

var myButton=documentgetElementById("myButton");

var str=myButtonvalue;//str就是按钮的值,然后你把这个值放在页面上呗。

$("form input")prop("readonly", true);\r\n将所有表单的所有表单控件的readonly全部设置为readonly~\r\n要注意的是如果直接使用input选择器的话,包括了按钮~\r\n所以要排除按钮、隐藏域之类的input的话~\r\n使用not选择器\r\n$("input:not(:button,:hidden)")prop("readonly", true);\r\n希望对您有帮助~\r\nBy Billskate

1:你可以给table加一个id这样简单很多。也可以不加id

2:取table里input type="text 所有的值

var len = documentgetElementsByTagName("table")[0]getElementsByTagName("input")length;

var inputVal;

for(var i=0;i<len;i++){

inputVal += documentgetElementsByTagName("table")[0]getElementsByTagName("input")[i]value + "<br />";

}

alert(inputVal);

3:去select下的option的val 一样通过for循环遍历出来。这会吧。

<html>

<body>

<script type="text/javascript">

function go2(){

documentgetElementById("ze")value=documentgetElementById("sl")valuedocumentgetElementById("dj")value;

}

</script>

<form action="" name="form1">

  姓名:

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

  <br>

数量:

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

<br>

单价:

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

</form>

<form action="" name="form2">

  总额:

    <input type="text" name="ze" id="ze" readonly value="" />

</form>

<input name="" type="button" onclick="go2()" value="计算" />

</body>

</html>

你自己再丰富一下

你要提交表单里的数据给summaryhtm么?就是说,如果你表单里面有类似<input type="text">这样的数据要提交到summaryhtm页面么?

其实是这样的,form表单不能提交给静态页面,summaryhtm就是一个静态页面(html格式的都是静态页面)。你需要把form表单提交给像ASP,PHP,JSP/Servlet这样的服务器脚本或程序,然后你通过request对象来读取你传递的信息。

你的意思是表单提交后,点击返回,这样表明里面的值还是存在的,JS要获得值,可以值接根据ID或者name或者tag找到。

session是servlet容器中的作用域通信对象,它只对同一个窗口有效,窗口关闭则销毁。往session里面设置:sessionsetAttribute("键","值"),取值可以用EL表达式${"键"}或者<%=sessiongetAttribute("键")%>或者struts标签也可。

以上就是关于用javascript获取网页中某个表单中按钮的值,然后用javascript输出这个值到页面上~~怎么实现全部的内容,包括:用javascript获取网页中某个表单中按钮的值,然后用javascript输出这个值到页面上~~怎么实现、js获取指定form中所有表单元素谁有更好的方法、js 获取table中表单中的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9564412.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存