Привет, все, что я видел много вопросов, но никто не исполнил мою жажду. Я хочу заполнить select на основе другого выбора. Я использую zend framework. У меня есть выбор, который выберет учетную запись, и на основе этого выбранного идентификатора я хочу заполнить другой выбор со значениями, полученными из базы данных на основе первого выбранного параметра. Я сначала выбираю, что это похоже
<select name = 'select1'> <значение опции = '1'> accoutn1 </ option> <значение опции = '2'> accoutn2 </ option> <значение опции = '3'> accoutn3 </ option> <значение опции = '4'> accoutn4 </ option> </ Выберите>
Теперь, что я хочу, что на основе первого выбора, другой другой выбор заполняется с помощью jquery. Параметры будут значения, полученные из базы данных на основе первого выбранного значения. мой другой выбор
<select name = 'client'> </ Выберите>
Какая функция jquery поддерживает это, чтобы я мог извлекать значения из базы данных на основе выбранной опции и заполнять другой выбор. Я использую работу zendframe. Есть идеи?
Если вы используете jQuery, вы можете использовать этот плагин
Демонстрация и использование показаны здесь
Используя события, вы можете привязать первый выбор. Вместо имени используйте идентификатор или класс.
Используя $ .get (), вы можете динамически получать информацию с php-страницы. Сделайте, чтобы страница php вывела теги <option>, которые вам нужны для второго выпадающего списка.
Привяжите это к событию onclick, чтобы получить текущее выбранное значение, или используйте селектор, чтобы получить его:
var SelectedVal = $('#option1').val(); var Content; $.get('GetValues.php?SelectedValue=' + SelectedVal , function(data) { Content = data; }); Затем используйте $ ('# client'). Append (Content); вы можете заполнить выбор. Приложение добавит «Содержимое» внутри тега.
Надеюсь, это даст вам хорошую отправную точку.
Вам нужно связать событие изменения для вашего первого раскрывающегося списка. Затем в этом выпадающем меню вам нужно вызвать функцию ajax на вашу php-страницу, что даст вам новый выбор для вашего второго выпадающего списка. и в первой успешной функции выпадающего списка вы выберете второй выпадающий список.
Для вызова ajax вы можете увидеть http://api.jquery.com/jQuery.ajax/
Образец:
<select id='ddl_account'> <option value='1'>accoutn1</option> <option value='2'>accoutn2</option> <option value='3'>accoutn3</option> <option value='4'>accoutn4</option> </select> <select id='ddl_account_2nd'> </select> $(document).ready(function(){ $('#ddl_account').change(function(){ $.ajax({ type: "POST", url: "account.php", data: "account=" + $(this).val(), success: function(options){ //options = "<option value='1'>accoutn1</option><option value='2'>accoutn2</option>" $('#ddl_account_2nd').empty().append(options); } }); }) })
Посмотрите на jQuery Ajax API.