【问题标题】:radio button to fil out a form填写表格的单选按钮
【发布时间】:2011-04-25 22:25:47
【问题描述】:

你好。 有没有一种方法可以让用户选择单选按钮,表单的其余部分会自动填写? 如果有区别的话,大部分表单都是下拉菜单。

谢谢

【问题讨论】:

  • 您能否为您的问题提供更多背景信息?你是在什么环境下创建这个表格的?你用的是什么编程语言?
  • 这一切都使用 html css 和 javascript 完成,它是一个自定义计算机构建器,您可以在其中选择您想要的计算机组件,我希望单选按钮创建推荐。

标签: javascript html css drop-down-menu radio-button


【解决方案1】:

您可以通过创建一个为您填写表单字段的函数来做到这一点。然后将该功能设置为单选按钮的单击。我已经整理了一个快速而肮脏的示例,可以为您做到这一点。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>


<script language="javascript">
function radioClick()
{
document.getElementById("txtField1").value = "Whatever you want!";
}
</script>


<body>

<input name="" type="radio" value="" onclick="radioClick()" />
<input id="txtField1"name="" type="text" />

</body>
</html>

在 Firefox 中不工作!刚注意到,对不起,我会在几秒钟内弄清楚!

大家好。抱歉,我忘记了 firefox 不支持 innerHtml。您只需将其切换为 .value 即可。

【讨论】:

  • @ChrisBuckler:可以,但是用 chrome、FF 和本地文件测试过,也用 jsfiddle 测试过,没有用,这对你有用吗:jsfiddle.net/TEaxF
  • 我认为,这里的问题是“innerText”。改用“innerHTML”
  • @Trufa @Bharath 感谢您挑选出来。完全忘记了 Firefox 不支持 innerHTML。它现在应该与 .value 一起使用。 PS - 我只在 IE 6 和 Firefox 3.6 中测试过
猜你喜欢
  • 2012-03-19
  • 2018-08-04
  • 2020-05-12
  • 2017-04-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-01-01
相关资源
最近更新 更多