[英]html form select tag
這有點煩人,但是即使我使用過html / css和一小部分的jquery,我對表單等的了解仍然不多。
我有問題,我無法在Google上找到答案,但是我確定你們中的某些核心開發人員可以很快告訴我!
我需要制作一個看起來像這樣的表格:
HTML ;
<form class="slct-form">
<select>
<option value="choose">Choose</option>
<option value="100.000">100.000</option>
<option value="150.000">150.000</option>
<option value="200.000">200.000</option>
</select>
</form>
我需要在下拉列表中選擇元素之一時,應轉到另一個網址...這是不可能的嗎? 而且最好沒有jQuery!
如果您將一個id
添加到select
,則可以通過普通的javascript訪問它,如下所示:
var selectmenu = document.getElementById("selectMenu");
selectmenu.onchange = function() {
var selectedOption = this.options[this.selectedIndex];
if (selectedOption.value != "choose")
window.location.assign = "/page.php?selectvalue=" + selectedOption.value;
}
如果我很了解您,您想將價值從一頁帶到另一頁嗎? 您可以將$ _GET ['name']與php一起使用。
您可以執行以下操作:
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<script type="text/javascript">
function donav(dd)
{
var navUrl = "";
switch(dd.selectedIndex)
{
case 1:
navUrl = "http://www.google.com/";
break;
case 2:
navUrl = "http://www.bing.com";
break;
}
document.location.href = navUrl;
}
</script>
</head>
<body>
<form class="slct-form">
<select onchange="donav(this)">
<option value="choose">Choose</option>
<option value="100.000">100.000</option>
<option value="150.000">150.000</option>
<option value="200.000">200.000</option>
</select>
</form>
</body>
</html>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.