簡體   English   中英

html表單選擇標簽

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM