【问题标题】:html onClick condition Linkhtml onClick条件链接
【发布时间】:2012-09-07 05:35:36
【问题描述】:

所以基本上我试图在 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> 

【问题讨论】:

    标签: html forms onclick href html-select


    【解决方案1】:

    这应该是你想要的:

    <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”

    【讨论】:

    • 所以如果我使用它并选择了模块 10 和甲板 1,它会将我链接到; ./mModule 10_dDeck 1.htm?还是 ./m 是一个特殊字符?
    • 它从value 中获取值,而不是option 中的innerText。因此,对于您使用的示例:它将采用“10”和“1”它将它们放入已定义“M”和“_d”的链接中。在链接而不是选项中定义它的原因纯粹是为了效率。
    • 是的,重新阅读并注意到 vlaue 的变化。效率很高,谢谢!
    猜你喜欢
    • 2016-01-16
    • 2013-09-16
    • 2010-11-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-12
    • 1970-01-01
    相关资源
    最近更新 更多