javascript - 仅从下拉列表中获取选定的值并从下拉列表中删除未选定的值

Question

我有两个多重下拉菜单，其中一个下拉菜单包含包含所有值的所有字段，在第二个下拉菜单中我显示了所选值，但所有其他值也随之而来，我没有选择，我想要仅显示我在添加记录时选择的三个值，并且值以逗号单独保存在 db(1,2,3) 中。 下面是我的 php 代码，它显示了选定的值以及所有其他值。所以我想从我没有添加的第二个下拉列表中删除该值。其中 $state 是一个数组，它显示具有 id 的所有列表和名字。

  <div class="form-group end">
                <select id="second" multiple="true" name="states[]" id="states" >
                <?php
                    foreach($states as $key => $val){
                        $value = $val->id;
                        $name = $val->name;
                        $selected = 1,2,3;
                        $selected_values = explode(",",$selected);
                        echo "<option value='$value'".((in_array($value,$selected_values)) ? " selected='selected'":"").">$name</option>";
                     }
                     //var_dump($name);die;
                    ?>
               </select>

我的多个下拉菜单是这样的 http://jsfiddle.net/h8zuc/

Answer 1

试试这个:我假设这是您的第二个下拉列表:

<div class="form-group end">
    <select id="second" multiple="true" name="states[]" id="states" >
        <?php
        foreach($states as $key => $val){
        $value = $val->id;
                $name = $val->name;
                $selected = "1,2,3";
                $selected_values = explode(",",$selected);
                if(in_array($value,$selected_values)){ 
                    echo "<option value='".$value."' selected='selected'>$name</option>"; 
                }
             }
             //var_dump($name);die;
            ?>
    </select>