下拉的Onchange Jquery事件條件

Question

我正在處理下拉變更事件，但無法為變更事件設置條件。 對於第二個dropdown（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>

請幫助我設置一個條件，在第二個dropdown（selsub）中，除了第一個dropdown（sel）中的值one之外，所有值都將出現。

Answer 1

試着做：

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