заполнить поле выбора выбором параметров из другого поля выбора

Question 1

На странице 2 php-формы у меня есть динамически созданное поле выбора, заполненное содержимым из базы данных (BOX1). Это уже подборка на основе первой страницы php-формы. Существует также пустое поле выбора (BOX2).

Теперь я хочу, чтобы пользователи могли «переносить» элементы из BOX1 в BOX2, нажав кнопку. Поэтому эта страница формы должна содержать следующие шаги:

они выбирают один или несколько элементов из BOX1
они нажимают кнопку перемещения
элементы исчезают из BOX1 и появляются в BOX2
полоскать и повторять, пока они не будут удовлетворены своим выбором
нажмите кнопку "Готово"-кнопка и перейдите на страницу 3.

Как мне это сделать?

Я думал использовать php-self с каждым кликом, но это кажется громоздким.

Изменить: я нашел этот ответ на другой вопрос, который должен мне помочь.

php drop-down-menu

0

Karen 19 Дек 2011 в 14:11

Звучит очень похоже на то, что вы должны делать в javascript.

–

GordonM

19 Дек 2011 в 14:27

Да, и я надеялся избежать этого... но, оглянувшись, кажется, что это действительно так.

–

Karen

19 Дек 2011 в 14:33

Answer

Вы можете добиться этого, используя приведенный ниже код jQuery, измените приведенный ниже код в соответствии с вашими требованиями, здесь

$(function() {
    $("#box1").click(function() {
        var clkVal = $("#box1 option:selected").val();
        var clkTxt = $("#box1 option:selected").text();
        $("#box1 option:selected").remove();
        $("#box2").append('<option value="'+ clkVal +'">'+ clkTxt +'</option>');
    });

    $("#box2").click(function() {
        var clkVal = $("#box2 option:selected").val();
        var clkTxt = $("#box2 option:selected").text();
        $("#box2 option:selected").remove();
        $("#box1").append('<option value="'+ clkVal +'">'+ clkTxt +'</option>');
    });
});

Если вы новичок в jquery, загрузите последнюю библиотеку jquery и включите в свой заголовок и #box1 ссылку на идентификатор вашего поля выбора box1, вы можете просто заменить box1 своим исходным идентификатором.

Я надеюсь, что это поможет вам.

0

Robin Michael Poothurai 19 Дек 2011 в 14:56

Question 2

Вы можете добиться этого, используя приведенный ниже код jQuery, измените приведенный ниже код в соответствии с вашими требованиями, здесь

$(function() {
    $("#box1").click(function() {
        var clkVal = $("#box1 option:selected").val();
        var clkTxt = $("#box1 option:selected").text();
        $("#box1 option:selected").remove();
        $("#box2").append('<option value="'+ clkVal +'">'+ clkTxt +'</option>');
    });

    $("#box2").click(function() {
        var clkVal = $("#box2 option:selected").val();
        var clkTxt = $("#box2 option:selected").text();
        $("#box2 option:selected").remove();
        $("#box1").append('<option value="'+ clkVal +'">'+ clkTxt +'</option>');
    });
});

Если вы новичок в jquery, загрузите последнюю библиотеку jquery и включите в свой заголовок и #box1 ссылку на идентификатор вашего поля выбора box1, вы можете просто заменить box1 своим исходным идентификатором.

Я надеюсь, что это поможет вам.

0

Robin Michael Poothurai 19 Дек 2011 в 14:56

заполнить поле выбора выбором параметров из другого поля выбора

1 ответ

Похожие вопросы

Связанные вопросы

Новые вопросы

php