PHP Lang
  1. PHP Lang
  3. Обновление списка опций <select> с помощью jquery и ajax
Intereting Posts
imagecopyresampled в PHP, может кто-нибудь объяснить это? Есть ли библиотека PHP для XLSM (Excel с Macro) для разбора / редактирования? Передача GCM с curl (php) Как сделать несколько запросов WHERE IN в редакторе запросов Doctrine? Зашифрована ли память? preg_replace удалить несколько \ n Проблема при запросе создания сегментов API v3 с помощью PHP-оболочки Потерянное соединение с сервером MySQL при «считывании исходного пакета связи», системная ошибка: 0 предотвратить объединение двух конфигураций модуля в Zend Framework 2 Graph возвратил ошибку: Invalid appsecret_proof, предоставленный в аргументе API Использование функции htmlspecialchars при подготовке и выполнении PDO crontab при использовании сценария exec php? CodeIgniter – как проверить, есть ли что-либо в массиве validation_error URL Переписывание строки запроса в php агрегирование ответов для вызова PodioItem: filter ()

Обновление списка опций <select> с помощью jquery и ajax

Я пытаюсь сделать список обновлений списка html в соответствии с выбором, сделанным в предыдущем объекте select html. Мой jquery ниже. Это называется правильно. 

var brandName = $("#Brand").val(); $.get("updateTypes.php?q="+brandName, function(data) { $("#Type").remove(); var typeData = JSON.parse(data); for (loop=0; loop < typeData.length; ++loop) { $("#Type").options.add(new Option(typeData[loop])); } });

Поскольку я использую singleton для взаимодействия с моей базой mySQL, эта функция jquery вызывает «промежуточный» .php-файл с именем updateTypes.php, который находится ниже: 

 include 'databaseInterface.php'; $brand = $_GET["q"]; $typesData = databaseInterface::getBrandTypes($brand); return $typesData;

Это вызывает функцию getBrandTypes в моем синглетоне ниже: 

 $query = "SELECT psTypeName FROM types WHERE brands_psBrandName='$BrandName'"; $result = mysqli_query($con, $query) or die ("Couldn't execute query. ".mysqli_error($con)); $resultArray = array(); while ($row = mysqli_fetch_assoc($result)) { extract($row); $resultArray[] = $psTypeName; } return json_encode($resultArray);

Веб-страница правильно удаляет существующие параметры из функции jquery, но не обновляет их. Кажется, что это неправильно, когда я декодирую данные JSON в jquery. Почему это происходит не так? Соответствует ли цикл для обновления выбранного объекта?

Вы можете использовать $.getJSON если вы ожидаете ответа json. Вы также можете использовать $.each() а затем просто .append() для тега select . Вы можете ссылаться на this.property внутри .each() .

Что-то вроде следующего: 

 $.getJSON("updateTypes.php?q="+brandName, function(data) { $("#Type").remove(); $.each(data, function(){ $("#Type").append('<option value="'+ this.value +'">'+ this.name +'</option>') ) })

Это предполагает, что ваш ответ json выглядит примерно так:

[ { name : "foo", value : "bar" }, { name : "another", value : "example" } ]

Ваш код $("#Type").remove(); удаляет объект select, а не его параметры. Правильный способ удаления параметров: 

 $("#Type option").remove();

или 

 $("#Type").html('');

Второе решение выглядит лучше, чем указано здесь: Как удалить параметры из выбранного элемента без утечки памяти?

Также есть ошибка в части, которая добавляет новые параметры. Ваш javascript-код должен быть: 

 var brandName = $("#Brand").val(); $.get("updateTypes.php?q="+brandName, function(data) { $("#Type option").remove(); var typeData = JSON.parse(data); for (loop=0; loop < typeData.length; loop++) { $("#Type").get(0).options.add(new Option(typeData[loop])); } });

Метод $('#Type').get(0) относится к необработанному объекту DOM, у которого есть свойство «options», которое вы хотели использовать ( как получить элемент DOM из селектора JQuery )