主页 / 问题 / 563658
Accepted
alikitto
Asked:2020-09-07 15:10:48 +0000 UTC2020-09-07 15:10:48 +0000 UTC

jQuery 中的三个依赖列表

  • 772

我需要一个相关的下拉列表，我找到了一个与城市和地区类似的解决方案。
我不知道如何让选择的品种不仅改变数量，还改变长度值？

目前，数量因所选品种而异。

在此处输入图像描述

这是数据文件：

<?php
$city = array (
  'Местные розы' => array (
    11 => '11 шт. (минимум)',
    25 => '25 шт.',
    51 => '51 шт.',
    101 => '101 шт.',
  ),
  'Эквадорские розы' => array (
    25 => '25 шт. (минимум)',
    51 => '51 шт.',
    76 => '76 шт.',
    101 => '101 шт.',
  ),
);
?>

在文件的最开头：

<?php
require_once('city.php'); // подключаем список с городами

$action = isset($_REQUEST['action']) ? $_REQUEST['action'] : '';

// возвращаем список городов
if ($action == 'getCity')
{
    if (isset($city[$_GET['region']]))
    {
        echo json_encode($city[$_GET['region']]); // возвраащем данные в JSON формате;
    }
    else
    {
        echo json_encode(array('Выберите количество'));
    }

    exit;
}

// выводим пришедшие данные
if ($action == 'postResult')
{
    echo '<pre>' . htmlspecialchars(print_r($_POST, true)) . '</pre>';
    exit;
}
?>

javascript:

 <script type="text/javascript">
    // <![CDATA[
        function loadCity(select)
        {
            var citySelect = $('select[name="city"]');
            citySelect.attr('disabled', 'disabled'); // делаем список городов не активным

            // послыаем AJAX запрос, который вернёт список городов для выбранной области
            $.getJSON('index.php', {action:'getCity', region:select.value}, function(cityList){

                citySelect.html(''); // очищаем список городов

                // заполняем список городов новыми пришедшими данными
                $.each(cityList, function(i){
                    citySelect.append('<option value="' + i + '">' + this + '</option>');
                });

                citySelect.removeAttr('disabled'); // делаем список городов активным

            });
        }
    // ]]>
    </script>
php

1 个回答

  1. Best Answer

    在数组中多嵌套一层，其余后端不变

    $city = array (
  'Местные розы' => array (
    'quantity' => array (
      11 => '11 шт. (минимум)',
      25 => '25 шт.',
      51 => '51 шт.',
      101 => '101 шт.',
    ),
    'lengths' => array (
      70 => '70 см',
      90 => '90 см',
    ),
  ),
  'Эквадорские розы' => array (
    'quantity' => array (
      25 => '25 шт. (минимум)',
      51 => '51 шт.',
      76 => '76 шт.',
      101 => '101 шт.',
    ),
    'lengths' => array (
      50 => '50 см',
      80 => '80 см',
    ),
  ),
);

    在js端，你得到两个数组cityList.quantity并将cityList.lengths它们填充到相应的列表中（类似于你的填充方式citySelect）

    我会这样做：在处理程序中，我会getJSON(...)编写以下内容

    // Перебираем массив с ключами в виде имен выпадающих списков
$.each(cityList, function(field) {
    // Получаем нужный список, очищаем его и включаем
    var fieldElement = $('select[name="' + field + '"]')
        .empty()
        .removeAttr('disabled');
    // Перебираем массив со значениями пунктов списка
    $.each(this, function(i) {
        // Собственно наполняем список зачениями
        fieldElement.append('<option value="' + i + '">' +
            this + '</option>');
    });
});

    在这种情况下，number 和 size 对应的 select 应该按照服务器给的数组的键（即quantity和lengths）来命名。

    • 1

相关问题