根据单选按钮选择在 HTML table 或 DataTable 中显示数据

Question

我想为用户提供在 HTML table 或 DataTAble 中显示数据的选项。我有一个 select 下拉列表，我正在用查询输出填充它。在用户 select 从列表中选择一个选项后，他们将 select 两个单选按钮之一：(1) 查看 HTML table，或 (2) 查看 DataTable。用户 select 选择这些单选按钮之一，然后单击提交按钮以在新页面上显示结果。新页面接收 form.value 并将其插入查询以生成 HTML table 或 DataTable。

我是 ColdFusion 的新手。为每个单选按钮分配一个操作页面似乎更容易 selection。我做了一些尝试，但还没有任何效果。我猜这可能是一项微不足道的任务，但我们将不胜感激。

所以在表单上你会有 select 下拉菜单和输入

<select name="Species" class="dropdown">
<cfoutput query="species">
<option value="#species.Species#">#species.GenusSpecies#</option>
</cfoutput>
</select>    

<input type="radio" name="Species" value="DataTable"> DataTable
<input type="radio" name="Species" value="HTML" checked="checked"> HTML Table
<input type="submit" value="Submit" class="buttons"></input>

如何将某些内容分配给单选按钮，然后通过提交执行？ cfparam 或 cflocation??

谢谢。

Answer 1

在您的示例中的第一个 cfm 中

<body>
    <select name="Species" class="dropdown">
        <cfoutput query="species">
        <option value="#species.Species#">#species.GenusSpecies#</option>
        </cfoutput>
    </select>    
    <form action="Species.cfm" name="mainform">
        <input type="radio" name="Species" value="DataTable"/> DataTable
        <input type="radio" name="Species" value="HTML" checked="checked"/> HTML Table
        <input type="submit" value="Submit" class="buttons"/>
    </form>
</body>

在单独的 cfm 上。假设 species.cfm 你会

<!---<cfdump var="#form#"> --->
<cfif form.species eq 'DataTable'>

    display in datatables

<cfelse>
    display in html
</cfif>

根据单选按钮选择在 HTML table 或 DataTable 中显示数据

Display data in HTML table or DataTable depending on radio button selection

coldfusion

coldfusion-11