Question

    <style type="text/css">
    form select {
        display:none;
    }
    form select.active {
        display:block;
    }
    </style>
    <script type="text/javascript">
    window.onload = function () {
        var allElem = document.getElementsByName("sl");
        for (i = 0; i < allElem.length; i++) {
            allElem[i].addEventListener('change', toggleDisplay);
        }
   }
    function toggleDisplay(e) {
       var id = 's' + this.value;
        var currentSelect = document.getElementsByClassName("active")[0];
        if (currentSelect) {
            currentSelect.className = "";
        }
        document.getElementById(id).className = "active";
    }    
    </script>
    </head><body>
    <form action="check_a.php">
    <h2><b>Source: </b></h2>
    <input type="radio" name="sl"  value="c">Central</input>
    <input type="radio" name="sl"  value="h">Eastern</input>
    <input type="radio" name="sl" value="w">Western</input>

    <select id="sc" name="sc">
    <option value="1">1</option>
    <option value="2">2</option>
    </select>

    <select id="sh">
    <option value="3">3</option>
    <option value="4">4</option>
    </select>

    <select id="sw">
    <option value="5">5</option>
    <option value="6">6</option>
    </select>
    <input type="submit" name="submit" value="submit"/>

    </form></body></html>

有一个单选按钮，其值显示特定的选择框，使用javascript完成。标签的值需要传递给php代码。如何将选定的选项值传递给php？

Answer 1

您难道不能将所有select元素设置为同名吗？

<select id="sc" name="tagvalue">
    <option value="1">1</option>
    <option value="2">2</option>
</select>

<select id="sh" name='tagvalue'>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

<select id="sw" name='tagvalue'>
    <option value="5">5</option>
    <option value="6">6</option>
</select>

然后，只需取$_POST['tagvalue']。

的值

将所选的选项值从select传递给php

1 个答案: