Question

我想知道是否有人可以帮助我。

我在'w3schools'的教程中汇总了this页面，该教程在从下拉列表中选择名称之后填充了一个包含用户详细信息的表格。

我现在想稍微更改一下，而不是从drop dowm菜单中选择名称，我想在我的表单上有一个名单列表，每个名单都有一个单选按钮。然后，选择单选按钮后，表中将显示正确的用户详细信息。

我做了很多研究，试图找到一个例子，但没有任何成功。

我只是想知道是否有人，肯定有比我更多的经验或者可以向我展示我需要做什么才能让我的表格得以实现。

非常感谢

Answer 1

将下拉列表替换为：

<input type="radio" name="users" onclick="showUser(this.value)" value="1" /> Peter Griffin<br />
<input type="radio" name="users" onclick="showUser(this.value)" value="2" /> Lois Griffin<br />
<input type="radio" name="users" onclick="showUser(this.value)" value="3" /> Glenn Quagmire<br />
<input type="radio" name="users" onclick="showUser(this.value)" value="4" /> Joseph Swanson<br />

Answer 2

您可以将click事件用于单选按钮，而不是onChange="showUser(this.value)"。

<input type='radio' name='a' value='1' onClick="showUser(this.value)">
<input type='radio' name='a' value='2' onClick="showUser(this.value)">
<input type='radio' name='a' value='3' onClick="showUser(this.value)">

编辑：使用相同的名称确保只能选择一个用户。

就是这样。评论是否出现问题。

从单选按钮填充表

2 个答案: