html onClick条件链接

时间:2012-09-14 04:08:23

标签: html forms onclick href html-select

所以基本上我试图在html网页上创建一个按钮,它使用或检查两个下拉列表中的值,相对于它将链接到相应的页面。 但IF声明似乎不起作用......

我尝试使用常规的href链接,但这并没有很好地结束,例如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> 

1 个答案:

答案 0 :(得分: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#.htm”