使用JQuery填充下拉列表的打印值

时间:2014-11-17 11:13:38

标签: php jquery

我希望将第二个下拉列表的值存储在选择第一个下拉列表后填充的变量中,以便在我的PHP代码中进一步使用它。但不知道该怎么做。

JQuery代码

No=new Array("20%","30%","40%","50%");
Yes=new Array('0%');

populateSelect();

$(function() {

  $('#cat').change(function(){
    populateSelect();
});

});


function populateSelect(){
cat = $('#cat').val();
$('#item').html('');


if(cat=='No'){
    No.forEach(function(t) { 
        $('#item').append('<option>'+t+'</option>');

    });
}

if(cat=='Yes'){
    Yes.forEach(function(t) {
        $('#item').append('<option>'+t+'</option>');
    });
}

} 

选择HTML代码

<form name="dropdown" method="post" action="">
<select id="cat">
    <option value="">***Please Select***</option>
    <option value="No">B</option>
    <option value="Yes">C</option>
</select>

<select id="item"></select>

<input type="button" name="submit" value="submit" id="submit" />
</form>

PHP代码

if(isset($_POST['submit'])) {
    echo "Cateogry".$_POST[cat];
    echo "Item".$_POST[item];
}

1 个答案:

答案 0 :(得分:1)

为您的输入命名,并在数组键周围加上引号,并将提交按钮更改为submit而不是button

<form name="dropdown" method="post" action="">
<select id="cat" name="cat">
    <option value="">***Please Select***</option>
    <option value="No">B</option>
    <option value="Yes">C</option>
</select>

<select id="item" name="item"></select>

<input type="submit" name="submit" value="submit" id="submit" />
</form>

PHP代码

if(isset($_POST['submit'])) {
    echo "Cateogry".$_POST['cat'];
    echo "Item".$_POST['item'];
}