【问题标题】:Display result of a selected choice in echo (PHP form)在 echo 中显示所选选项的结果(PHP 形式)
【发布时间】:2012-05-31 07:38:32
【问题描述】:

我有一个表格,我用它来从一系列单选按钮中进行选择。

(说明:表格作为一系列按钮使用,通过使用 onClick 命令,例如:

...
        <td onClick="answer7()" background="images/button-bg7.png" width="100"><div align="center"><span class="style4">Activities</span></div></td>
          <td onClick="answer8()" background="images/button-bg8.png" width="100"><p align="center" class="style2">Suggestions/ Ideas</p>          </td>
          <td onClick="answer9()" background="images/button-bg9.png" width="100"><div align="center"><span class="style2">Repairs</span></div></td>
...

)

这从一系列隐藏字段中选择,本质上是隐藏的单选按钮(例如:

        <input type="hidden" name="RadioGroup1" value="Activities" id="RadioGroup1_6" />
Activities</label>
        <br />
        <label>
        <input type="hidden" name="RadioGroup1" value="Suggestions" id="RadioGroup1_7" />
Suggestions</label>
        <br />
        <label>
        <input type="hidden" name="RadioGroup1" value="Repairs" id="RadioGroup1_8" />
Repairs</label>

)

这已经过测试并且运行良好 - 表格中的按钮确实可以从隐藏的单选字段中选择正确的选项。

现在,我想在表格下方构造一个句子,告诉他们他们选择了哪一个,例如“请继续下面的选择的选择查询:”

我想我需要使用 Javascript 或 jQuery,但想不出如何构造它。

有什么想法吗?

【问题讨论】:

    标签: php javascript forms echo


    【解决方案1】:

    作为第一个评论,如果您为所有这些元素创建一个 onClick 处理程序会更简单。单击时获取 td 的 id 属性(您当然必须设置),那么您将不需要隐藏字段,同时您可以选择用户做出的选择。像这样的:

    <table>
        <tr>
            <td class="myClick" id="Activities"> Press here </td>
        </tr>
        <tr>
            <td class="myClick" id="Repairs"> Press here aswell </td>
        </tr>
    </table>
    

    虽然它不一定是您更改的 id 属性,但您也可以使用其他东西。 受 jQuery 启发:

    $("td.myClick").click(function() { alert("You clicked: " + $(this).attr("id")); }); 
    

    这应该是它的开始,你可以改变alert部分用jQuery编辑另一个div(提示是使用.html()函数),应该相当简单。如果您需要更多信息,请询问。

    【讨论】:

    • 好的,可以。我选择隐藏字段的原因是,最终表单将被提交到数据库。这对您提出的解决方案有影响吗?或者,如果做不到这一点,是否可以修改您提出的解决方案以适合我的初始形式? (请原谅n00b cmets...!)
    • 如果您要使用当前表单将此信息提交到数据库,您将获得所有隐藏字段,我猜这不是您想要的?您可以向页面发出 AJAX 请求,根据需要添加数据,或者您可以使用您收集的数据动态创建表单,并在用户完成后使用添加的提交按钮提交表单。我建议使用 AJAX 方法。
    • 实际上,我确实希望添加隐藏字段中的数据 - 我隐藏它们的唯一原因是因为我想设计自己的“单选按钮”(即表格),而不是使用标准单选按钮。数据本身仍然需要收集(因此 onClick 操作设置了隐藏单选按钮的值)。这有意义吗?
    • 您想要所有隐藏字段吗?不只是用户选择的那些?这似乎是多余的。
    • 哦,您是否使用用户选择的内容设置隐藏字段的值?那么你可能应该离开这些领域。
    猜你喜欢
    • 1970-01-01
    • 2014-06-02
    • 2015-05-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-11-17
    • 1970-01-01
    相关资源
    最近更新 更多