Как обновить один раскрывающийся список Jquery Chosen в другом выбранном раскрывающемся меню «Изменение выбора»

Мой сценарий таков

Мне нужно создать список посещаемости, поэтому я использовал для этого два выбранных поля jQuery (раскрывающийся список с множественным выбором).

Один для присутствующих, а другой для отсутствующих. Что я хочу, так это то, что когда я выбираю определенного человека из поля выбора посещаемых людей, они не должны быть доступны в поле выбора отсутствующих людей. Может ли кто-нибудь помочь мне?

Вот мой сегмент кодирования

<section>
<label for="text_field">Attended People</label>
                <div>
                    <select data-placeholder="Select Employees" class="chzn-select" id="employees" multiple="true" style="width:350px;" tabindex="4" name="employees[]">

                        <?php
                        $query2 = "SELECT * FROM `employee` WHERE `company_id`= $compnay_id";
                        $sql_result2 = mysql_query($query2);
                        while ($row2 = mysql_fetch_assoc($sql_result2)) {
                            ?>
                            <option value="<?php echo $row2['id']; ?>"><?php echo $row2['name']; ?></option>
                        <?php } ?>

                    </select>

                </div>

            </section> 
            <section><label for="text_field">Absented People</label>
                <div>
                    <select data-placeholder="Select Employees" class="chzn-select" id="employees2" multiple="true" style="width:350px;" tabindex="4" name="employees2[]">

                        <?php
                        $query2 = "SELECT * FROM `employee` WHERE `company_id`= $compnay_id";
                        $sql_result2 = mysql_query($query2);
                        while ($row2 = mysql_fetch_assoc($sql_result2)) {
                            ?>
                            <option value="<?php echo $row2['id']; ?>"><?php echo $row2['name']; ?></option>
                        <?php } ?>

                    </select>
                    <script type="text/javascript">
                        $(".chzn-select").chosen();
                        $(".chzn-select-deselect").chosen({allow_single_deselect: true});
                        $("")
                    </script>
                </div>

            </section>

jquery jquery-chosen
person Dilan Samarakkody    schedule 20.12.2012    source источник
comment
пожалуйста, опубликуйте свой HTML, а не PHP   -  person Zoltan Toth    schedule 20.12.2012

Ответы (1)


arrow_upward
0
arrow_downward

У меня сейчас аналогичный вопрос. Если я вас правильно понял, вы хотите, чтобы выбор в одном поле (присутствовал) обновлял варианты, доступные в другом поле (отсутствовали).

Это сложнее, чем мой случай, потому что вы, предположительно, будете использовать множественный выбор, но в целом вам нужно будет использовать события Change/Update из Chosen. Он находится в документах, но для полноты картины:

Изменить/обновить события

Изменение поля формы

При работе с полями формы вы часто хотите выполнить некоторое поведение после того, как значение было выбрано или отменено. Всякий раз, когда пользователь выбирает поле в Chosen, оно запускает событие «изменения»* в исходном поле формы. Это позволит вам сделать что-то вроде этого:

$("#form_field").chosen().change( … );

Динамическое обновление выбранного

Если вам нужно обновить параметры в поле выбора и вы хотите, чтобы Chosen подхватил изменения, вам нужно будет инициировать событие «list:updated» в поле. Выбранный будет перестроен на основе обновленного контента.

$("#form_field").trigger("liszt:updated");
person Oliver Burdekin    schedule 14.07.2013
comment
Просто чтобы добавить дилана, я решил здесь: stackoverflow.com/questions/17635792/ - person Oliver Burdekin; 14.07.2013