html:通过多个按钮构建链接

时间:2012-01-23 15:59:27

标签: html forms

我有一个表单,我想链接到一些预构建的html页面,这些页面构建在一个层次结构中,例如:

           |Data1(DIR) -> file1,file2,file3
/var/www/  |  
           |Data2(DIR) -> file1,file2,file3

我希望能够通过单选按钮(或等效按钮)选择要查看的目录文件,但我无法找到如何执行此操作。我的表单设置如下,选择单选按钮,然后是7个文件的下拉列表,其中##选项##是我想用要打开的目录替换的。我想我是以perl的方式追求这一点而不是html-y。任何建议将不胜感激。

<form action="../cgi-bin/redirect.pl" method="post" onsubmit="return dropdown(this.gourl)">

<td><big>
    <input name="project" value="data1" type="radio"> Dataset1
    <input name="project" value="data2" type="radio"> Dataset2</big>
<br><br>
<select name="gourl"><option value="">Choose Taxonomy level... 
    </option><option value="##option##/superkingdom.html">Superkingdom
    </option><option value="##option##/phylum.html">Phylum
    </option><option value="##option##/class.html">Class
    </option><option value="##option##/order.html">Order
    </option><option value="##option##/family.html">Family
    </option><option value="##option##/genus.html">Genus
    </option><option value="##option##/species.html">Species
    </option></select>
<input value="Go" type="submit">

1 个答案:

答案 0 :(得分:0)

我已经通过php对它进行了排序。在这里为任何未来的人添加它!

<?php
echo "<form>";
echo "<b>Select a Site:</b><br>";
$sites = glob("*");
foreach ($sites as $site) {
    print "<input name=\"$site\" type=\"radio\" value=\"$site\" onclick=\"submit()\">$site<br>";
}
echo "</form>";

foreach($_GET as $key=>$value) {
    $$key = $value;
    $return = $value;
    print "<b>site: $return</b>";

    print "<br><select id=\"setit\" name=\"url\">
           <option value=\"\">Choose Taxonomy level...</option>
           <option value=\"$return/superkingdom.html\">Superkingdom</option>
           <option value=\"$return/phylum.html\">Phylum</option>
           <option value=\"$return/class.html\">Class</option>
           <option value=\"$return/order.html\">Order</option>
           <option value=\"$return/family.html\">Family</option>
           <option value=\"$return/genus.html\">Genus</option>
           <option value=\"$return/species.html\">Species</option>
           </select>
           <input type=\"button\" value=\"go\"
    onclick=\"window.open(setit.options[setit.selectedIndex].value)\">";
}
?>