2012-01-23 86 views
0

我有一個表格,我想通過鏈接到在層次結構構成,如一些預構建的HTML頁面構建鏈接: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"> 
+0

認爲行動需要改變而不是onsubmit。 –

回答

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)\">"; 
} 
?>