duanhuantong8278 2015-10-09 07:00
浏览 31
已采纳

链接两个选择表单元素

Can someone help me here I want this two elements two work together if I select one category it should give me narrowed down options

For example if I select fashion it should give me things related to fashion in the other select element

<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> 

</div>
  • 写回答

3条回答 默认 最新

  • duandian2725 2015-10-09 07:15
    关注

    change

        <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>
    

    donot pass any value in onchange event. And change your script like this

    <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>
    

    in get_products.php file write code to get products of particular category.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 求解O-S方程的特征值问题给出边界层布拉休斯平行流的中性曲线
  • ¥15 谁有desed数据集呀
  • ¥20 手写数字识别运行c仿真时,程序报错错误代码sim211-100
  • ¥15 关于#hadoop#的问题
  • ¥15 (标签-Python|关键词-socket)
  • ¥15 keil里为什么main.c定义的函数在it.c调用不了
  • ¥50 切换TabTip键盘的输入法
  • ¥15 可否在不同线程中调用封装数据库操作的类
  • ¥15 微带串馈天线阵列每个阵元宽度计算
  • ¥15 keil的map文件中Image component sizes各项意思