Onchange Jquery 下拉事件条件

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>

请帮我设置一个条件，在第二个下拉列表（selsub）中，除了第一个下拉列表（sel）中的值之外，所有值都会出现。

Answer 1

尝试做：

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