Question

我正在处理下拉列表更改事件，但我无法为更改事件设置条件。对于第二个下拉列表（subsel），我想要一个值列表，其中sel中的值不存在。到目前为止，我所能做的就是将第一个选择下拉列表中的值反映到第二个下拉列表中。

<script>$(document).ready(function() {
    $("#sel").live('change', function() {
       $("#selsub").val($(this).val());
    });
});</script>

<form method="get">
    <label for="category">Parent Category</label>
    <select name="sel" id="sel">
    <?php 
        include('connection.php');
        $query_parent=$query=mysql_query("SELECT * from stations");
    <?php while($row = mysql_fetch_array($query_parent)): ?>
    <option value="<?php echo $row['name']; ?>"><?php echo $row['name']; ?></option>
    <?php endwhile;?>
</select>
<br/><br/>

<label>Sub Category</label>
<div class='detail'>
        <select name="selsub" id="selsub">
    <?php
         $query=mysql_query("SELECT * from stations");
         while($row1 = mysql_fetch_array($query)): ?>
        <option value="<?php echo $row1['name']; ?>"><?php echo $row1['name']; ?></option>
    <?php endwhile; ?>
</select>
</div>

请帮我设置一个条件，在第二个下拉列表中显示所有值，除了第一个下拉列表（sel）中的值1之外。

Answer 1

尝试：

$(document).ready(function() {
    $("#sel").on('change', function() {
        selectedVal = this.value;
        $("#selsub option[value='" + selectedVal +"']").hide();
    });
});

下拉列表的Onchange Jquery事件条件

1 个答案: