Question

有人可以帮助我吗？如果我选择一个类别它应该给我缩小选项，我希望这两个元素一起工作

例如，如果我选择时尚，它应该在另一个选择元素中给我与时尚相关的东西

＆＃13;

<label>Product Type:<span>*</span></label><br/>
                  <select name="type">
                  <option value="Shoes">Shoes</option>
                  <option value="Bing">Bing</option>
                  <option value="Yahoo">Yahoo</opton>
                  </select>
 <label>Product Category:<span>*</span></label><br/>
                  <select name="Category">
                  <option value="Fashion">Fashion</option>
                  <option value="Children">Children</option>
                  <option value="Stationery &amp; Books">Stationery &amp; Books</option>
                  <option value="Gifts">Gifts</option>
                  <option value="Bags">Bags</option>
                  <option value="Outdoor &amp; Garden">Stationery &amp; Books</option>
				  <option value="Home">Home</option>

                 
                  </select>

＆＃13;

Answer 1

你应该编写一个js或jquery函数，它将在select选项的值更改时调用，在这个函数中你可以做一些适当的操作，比如在第二个select中隐藏几个元素，或者你可以调用fetch中的相关数据。 DB并填写第二个选择。

Answer 2

更改

    <select name="Category" id="Category" onchange="getState()">
        <option value="Fashion">Fashion</option>
        <option value="Children">Children</option>
        <option value="Stationery &amp; Books">Stationery &amp; Books</option>
        <option value="Gifts">Gifts</option>
        <option value="Bags">Bags</option>
        <option value="Outdoor &amp; Garden">Stationery &amp; Books</option>
        <option value="Home">Home</option>
    </select>

不要在onchange事件中传递任何值。并像这样更改你的脚本

<script>
function getState(val) {
    var category = $("#Category").val();
    if(category && div) {
        $.ajax({
            type: "POST",
            url: "get_products.php",
            data:{"category": category},
            success: function(data){
                $("#product-list").val(data);//producy-list is the id of another drop down.
             }
        }); 
    }
}
</script>

在get_products.php文件中编写代码以获取特定类别的产品。

链接两个选择表单元素

2 个答案: