php中的jquery onchange问​​题

Question

实际上，标签的onchange需要更改并显示实际记录，例如（如果更改男士意味着男士记录将打开（显示））我需要在选项值中传递变量将如何传递。

这是我的 Html 代码：

<select name="category" id ='category' onchange='gender(this)' style="background:transparent">
                  <option id ='gender' hidden="hidden">Gender</option>
                <?php foreach($mens as $row){?>
                  <option value="men">Boy's</option>
                  <option value="girl">Girl's</option>
                <?php }?>
              </select>

这是我的 jquery 代码：

<script type="text/javascript">
    $(function () {
        $("#category").change(function () {
            var selectedText = $(this).find("option:selected").text();
            var selectedValue = $(this).val();
              $( "#list" ).submit();
            alert("Selected Text: " + selectedText + " Value: " + selectedValue);
        });
    });
</script>

这里是我的 PHP 代码：

$men ="SELECT * FROM `tbl_master_property` where status=0";
    $men_result=$conn->query($men);
     $men_projects = array();
        while($row=mysqli_fetch_assoc($men_result)){ 
        $men_projects[] = $row;
        }
         $mens = $men_projects; 
         echo '<pre>'; print_r($mens);die; 

我打印我的 $mens 它是显示：

Array
(
    [0] => Array
        (
            [pg_id] => 1
            [name] => Sri Manikanta New Luxury Paying Guest For Men
            [gender] => 0
            [location_id] => 0

        )
    [1] => Array
        (
            [pg_id] => 2
            [name] => Srivari New Executive Paying Guest For Men
            [gender] => 0
            [location_id] => 0

        )
    [2] => Array
        (
            [pg_id] => 3
            [name] => Temple View New Executive Pg For Ladies
            [gender] => 1
            [location_id] => 0

        )
    [3] => Array
        (
            [pg_id] => 4
            [name] => Srinivasa Luxury Guest For Men
            [gender] => 1
            [location_id] => 0   
        )

Answer 1

我认为您正在尝试从 $mens 数组中获取选项：

<?php foreach($mens as $row){?>
    <option value="<?php echo $row['gender'] ?>"><?php echo $row['name'] ?></option>
<?php }?>

如果这不是你的意思，你可能需要澄清更多。

---

编辑 1：

如果你有一个大的项目列表来绘制，你会想要使用 ajax，但如果你的样本相对较小，你可以想象只使用一个数组来绘制。

演示：https://jsfiddle.net/z50m5hnz/：

<select name="category" id ='category' style="background:transparent">
    <option id ='gender' hidden="hidden">Gender</option>
    <option value="men">Men's</option>
    <option value="girl">Ladies</option>
</select>

<select name="items" id="items">
<select>

<script type="text/javascript">
    var dropdown_items = <?php echo json_encode($mens) ?>;
    $(function () {
        $("#category").change(function () {
            var selectedText = $(this).find("option:selected").text();
            var selectedValue = $(this).val();
            var opts = [];
            $.each(dropdown_items,function(k,v){
                if(selectedValue == 'men' && v.gender == 0) {
                    opts.push('<option name="'+v.gender+'">'+v.name+'</option>');
                }
                else if(selectedValue == 'girl' && v.gender == 1) {
                    opts.push('<option name="'+v.gender+'">'+v.name+'</option>');
                }
            });

            $('#items').html(opts.join(''));
        });
    });
</script>

---

编辑 2：

这是我最后一次猜测你想要什么，来自 cmets 我想也许你想重新加载页面但发送值选择：

<script type="text/javascript">
    $(function () {
        $("#category").change(function () {
            var selectedValue = $(this).val();
            window.location =   '?select='+selectedValue;
        });
    });
</script>