【问题标题】:Populate Table From Radio Button从单选按钮填充表格
【发布时间】:2012-03-19 00:37:43
【问题描述】:

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

我整理了来自“w3schools”的教程中的this 页面,该页面在从下拉列表中选择用户姓名后填充了一个包含用户详细信息的表格。

我现在想稍微改变一下,而不是从下拉菜单中选择名称,我想在我的表单上有一个名称列表,每个名称都有一个单选按钮。然后,一旦选择了单选按钮,表格中就会显示正确的用户详细信息。

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

我只是想知道是否有人,当然比我可能有更多的经验[请告诉我我需要做什么才能让这个在我的表单上工作。

非常感谢

【问题讨论】:

    标签: php ajax


    【解决方案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 />
    

    【讨论】:

    • 您好,非常感谢您抽出宝贵时间回复我的帖子。我也尝试过这个解决方案,而且效果很好。亲切的问候
    【解决方案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)">
    

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

    就是这样。 如果出现问题,请发表评论。

    【讨论】:

    • 您好,非常感谢您抽出宝贵时间帮助我解决这个问题。这是一种享受。亲切的问候
    猜你喜欢
    • 2017-04-09
    • 2012-05-12
    • 2013-05-01
    • 2012-05-26
    • 1970-01-01
    • 2021-12-24
    • 2011-12-25
    • 2020-10-27
    相关资源
    最近更新 更多