时间戳

首页 > 解决方案 > 从 POST 、 GET 发送的多选 html 和 javascript 值

javascript - 从 POST 、 GET 发送的多选 html 和 javascript 值

问题描述

并在另一个选择中输入 Html 选择，但第二个选择不通过 GET 或通过 POST 发送信息。我不知道我将在 JavaScript 中的何处添加 id = "" 和 name = "" 以使其工作。

<select id="type" name="type">
    <option value="item1">item1</option>
    <option value="item2">item2</option>
    <option value="item3">item3</option>
</select>

<select id="size">
    <option value="">-- select one -- </option>
</select>

<script>    
    $(document).ready(function() {

    $("#type").change(function() {
        var val = $(this).val();
        if (val == "item1") {
            $("#size").html("<option value='test'>item1: test 1</option><option value='test2'>item1: test 2</option>");
        } else if (val == "item2") {
            $("#size").html("<option value='test'>item2: test 1</option><option value='test2'>item2: test 2</option>");

        } else if (val == "item3") {
            $("#size").html("<option value='test'>item3: test 1</option><option value='test2'>item3: test 2</option>");

        }
    });


});                                 
</script>

使用类型它可以工作，但它只接收第一个选择的信息

它包含在表格中。源代码是这样的：http: //jsfiddle.net/YPsqQ/

标签： javascriptphphtml

解决方案

通过“它有效”，我假设您的意思是这些元素是<form>稍后提交的内容的一部分？第一个<select>以该形式发送其值，因为它具有name：

<select id="type" name="type">

第二个<select>是缺少它的name，所以 a<form>无法包含它。只需给它一个name：

<select id="size" name="size">

推荐阅读