2012-09-14 59 views
0

SO基本上我試圖在html網頁上創建一個按鈕,使用或檢查兩個下拉列表中的值,並相對於它將鏈接到相應的頁面。 但IF語句不似乎工作...html onClick條件鏈接

我試着用常規的href鏈接但這didnt好下場的,如When to use onclick in HTML?

這裏是我的代碼:

<select name="Module"> 
<option value="Module 10">Module 10</option> 
<option value="Module 11">Module 11</option> 
<option value="Module 20">Module 20</option> 
<option value="Module 60">Module 60</option> 
<option value="Module 70">Module 70</option> 
<option value="Module 85">Module 85</option> 
</select> 


<select name="Sector"> 
<option value="Sector1">Sector1</option> 
<option value="Sector2">Sector2</option> 
<option value="Sector3">Sector3</option> 
<option value="Sector4">Sector4</option> 
</select> 


<FORM> 
<INPUT type="button" value="OK" 
onClick="if ((Module=='Module 10') && (Sector=='Sector1)) {location.href='M10_S1.html'}"> 
</FORM> 

回答

2

這應該是你想要什麼:

<form> 
<select name="Module"> 
<option value="1">Module 1</option> 
<option value="2">Module 2</option> 
<option value="3">Module 3</option> 
<option value="4">Module 4</option> 
<option value="5">Module 5</option> 
<option value="6">Module 6</option> 
</select> 


<select name="Sector"> 
<option value="1">Sector1</option> 
<option value="2">Sector2</option> 
<option value="3">Sector3</option> 
<option value="4">Sector4</option> 
</select> 

<input type="button" value="Confirm" onClick="location.href='./M' + Module.value + '_S' + Sector.value + '.htm'"> 
</form> 

文件名的格式爲 「M#_S#熱媒」

+0

所以如果我使用這個,並選擇模塊10和甲板1 它會鏈接我; ./mModule 10_dDeck 1.htm? 還是./m是一個特殊字符? – Mitchb

+1

它正在從'選項'的'value'而不是'innerText'中取值。因此,對於您使用的示例:將使用「10」和「1」它將它們放入已定義的「M」和「_d」的鏈接中。在鏈接而不是選項中定義它的原因純粹是效率。 – Rhyono

+0

是的,重新閱讀它,並注意到vlaue的變化。這非常有效,謝謝! – Mitchb