У меня есть 2 сценария, которые мне нужно объединить, у меня в основном есть скрипт, который позволяет заполнять текстовый ввод, когда вы выбираете элемент в списке выбора. У меня также есть скрипт, который заполняет список выбора на основе ввода текстового ввода. Теперь я пытаюсь понять, как я могу объединить эти 2 скрипта, чтобы они могли работать вместе.
Вот пример множественного выбора, заполняющего текстовый ввод. http://jsfiddle.net/akhyp/1963/
function loopSelected() { var txtSelectedValuesObj = document.getElementById('hidden_input'); var selectedArray = new Array(); var selObj = document.getElementById('selected_items'); var i; var count = 0; for (i=0; i<selObj.options.length; i++) { if (selObj.options[i].selected) { selectedArray[count] = selObj.options[i].value; count++; } } txtSelectedValuesObj.value = selectedArray; } Вот пример ввода текста, заполняющего множественный выбор на основе ввода. http://jsfiddle.net/akhyp/1964/
$("#txt").change(function(e){ var ar = $(this).val().split(","); $("#sel option").each(function(){ if(ar.indexOf($(this).val()) != -1) $(this).attr("selected","selected"); }); });
То, что я пытаюсь выполнить, выглядит примерно так: если ввод текста равен нулю, заполните текстовый ввод выбранной опцией из списка выбора. Если текстовый ввод уже заполнен, заполните мультивыбор на основе ввода текстового ввода.
Любая помощь будет оценена по достоинству.
Окончательное обновление: Наконец, я получил результаты, которые я хотел, здесь конечный продукт http://jsfiddle.net/akhyp/1966/ работал над этим в течение недель, возможно, месяцев LOL. Очень рад, что эта работа.
Я добавил еще одну функцию сценария изменения, похоже, запустил ее. Ваше изменение устанавливает выбранное, а my передает значения.
$('#sel').change(function(){ $('#txt').val($('#sel').val()); });