2015-04-02 75 views
-1

我試圖讓下拉框根據URL進行選擇。我想網址根據URL選擇表單值

http://example.com/login.php?port=2095

或類似自動選擇網絡郵件負載和?口東西= 2082選擇的cPanel?

這裏是我的形式

<form action="cplogin.php" method="post"> 
Username:<input type="text" name="user"></td></tr> 
Password:<input type="password" name="pass"></td></tr> 
Login To: 

<select name="port"> 
<option value="2082">cPanel</option> 
<option value="2083">Secure cPanel</option> 
<option value="2095">Webmail</option> 
<option value="2096">Secure Webmail</option> 
</select> 

<input type="submit" name="login" value="login" style="cursor:pointer"> 
</td> 
</tr> 
</table> 
</form> 

我看網上,但似乎無法找到答案。

+0

可能的重複[如何使用下拉菜單中的預先選擇的選項創建指向頁面的超鏈接?](http://stackoverflow.com/questions/25207583/how-to-創建一個超鏈接 - 指向一個頁面,並帶有預先選擇的廣告選項) – dave 2015-04-02 21:39:08

+0

您需要一個循環,if語句和HTML知識。 – developerwjk 2015-04-02 21:39:20

+0

@developerwjk爲什麼他需要一個循環和if語句? – 2015-04-02 21:52:15

回答

0

首先爲每個選項添加id屬性,然後使用javascript將其選中。

<form action="cplogin.php" method="post"> 
Username:<input type="text" name="user"></td></tr> 
Password:<input type="password" name="pass"></td></tr> 
Login To: 

<select name="port"> 
<option value="2082" id="2082">cPanel</option> 
<option value="2083" id="2083">Secure cPanel</option> 
<option value="2095" id="2095">Webmail</option> 
<option value="2096" id="2096">Secure Webmail</option> 
</select> 

<input type="submit" name="login" value="login" style="cursor:pointer"> 
</td> 
</tr> 
</table> 
</form> 
<script> 
    var url=document.location.href; 
    url=url.substring(url.length-4,url.length); 
    document.getElementById(url).selected="selected"; 
</script> 
+0

完美運作。謝謝@ Mathematician171 :) – aled2305 2015-04-02 21:59:07