HTML的form表单做单选,如何能选择后同时提交多项不同的name values
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML的form表单做单选,如何能选择后同时提交多项不同的name values相关的知识,希望对你有一定的参考价值。
类似代码如下:
<form name=ab action=submit.php>
<input type=radio name=a values=1>
<input type=hidden name=a1 values=1.1>
<input type=radio name=a values=2>
<input type=hidden name=a2 values=2.1>
....
</form>
如何能选择a=1后同时提交a1=1.1而不会提交a2=2.1
<script lang="javascript">
function radioclick(i)
document.getElementById('aa').value = i;
document.getElementById('bb').value = document.getElementsByName('a' + i)[0].value;
...
</script>
<form action="#" onsubmit="document.getElementById('ab').submit();return false;">
<input type=radio name=a values=1 onclick="radioclick(1);">
<input type=hidden name=a1 values=1.1>
<input type=radio name=a values=2 onclick="radioclick(2);">
<input type=hidden name=a2 values=2.1>
...
</form>
<form id=ab action=submit.php style="display:none">
<input type=hidden name=a id=aa>
<input type=hidden name=b id=bb>
...
</form> 参考技术A 楼主的问题貌似有些矛盾,单选表单就只能是选择一个,只有多选表单才能提交多个参数,通常多选按钮的name值不同如下:
单选写法:<input type="radio" name="fname" />
多选写法:<input type="checkbox" name="Fruit" />
备注:两者的Type属性有明显区别哦 参考技术B 把a1和a2的初始值设为空。
然后给单选框绑定单击事件。让对应的hidden的值为该单选框的值,其他hidden的值为空。 参考技术C <html>
<body>
<select multiple="multiple" size="2">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</body>
</html>
是想要这种效果吗?
multiple 属性规定可同时选择多个选项。 参考技术D 不论单选是否被选择, hidden 都会被提交
js 提交的表单后如何在本页面接收返回值
我这个是要在html页面上写的,调用的是asp里面的内容。a.html提交表单数据到a.asp中,返回的数据在a.asp中显示,但是我想要它在我提交的a.html页面上读取到数据。
ajax 做表单提交, 同时也能获得服务器返回的状态信息,不过原生的ajax过于繁琐建议使用 jquery来做 比如
$.get(url,function(data)alert(data);
);
<!-- data就是你获得的返回信息--> 参考技术A 你可以把a.asp通过框架嵌入到a.html里面啊
或者你也可以采用ajax技术来处理 参考技术B 你的描述就是说的ajax功能,你可以去学学ajax专门解决这个问题,如果是用jquery+asp,是非常简单的。追问
有具体的方法说明嘛?之前没有接触过asp,因为工作需要。没办法!
追答本例中子需要下jquery命名为jquery-1.6.2.js放于同级目录,一下两个网页均位于同级目录
t.html
t7
$(document).ready(function()
$("#send").click(function()
alert("input content is: "+$("#ct").val());
$.get("recevie.asp",Action:"get",t:($("#ct").val()),function (data,textStatus)
alert("return content is: "+data);
);
);
);
recevie.asp
以上是关于HTML的form表单做单选,如何能选择后同时提交多项不同的name values的主要内容,如果未能解决你的问题,请参考以下文章