PHP：使用kartik Select2根据第一个下拉选择选项设置第二个下拉选项

Question

我有一个使用yii2框架的应用程序。 我正在尝试使用选择选项（下拉选择），并且使用Kartik Select2 。

这是我的选择选项的视图

在上面的图片中，您可以看到“我有两个选择”选项，但是我有条件。 这是条件。

我的第一个下拉选项（ 交易ID ）包含2个选项，

1. 购买
2. 卖

并且如果用户选择1. Buy ，则会显示第二个下拉选项（ 付款方式 ）

1. 现金
2. 电子货币交易作为选项，如果用户选择2. Sell ，则将仅显示1. Cash作为选项。

如何使用Kartik Select2做到这一点？

任何帮助将不胜感激。

谢谢。

Answer 1

根据您的要求，您需要根据第一个下拉菜单更新第二个下拉菜单选项。 首先为下拉菜单分配ID，第一个ID为“第一下拉”，第二个ID为“第二下拉”。 在您的第一个下拉更改事件中添加以下代码。

// get first dropdown value here
var firstDropdownValue = $("#first-dropdown").select2("val");


var $secondDropdown = $('#second-dropdown');

// get all second dropdown options
var options = $secondDropdown.data('select2').options.options;

// delete all options of the native select element
$secondDropdown.html('');

// build new items
var items = [];

items.push({
    "id": 1,  // value of option
    "text": 'Cash' // name of option
});

$secondDropdown.append("<option value=\"1\">Cash</option>");

// check the first dropdown value and add E-money option
if(firstDropdownValue == 1){
    items.push({
        "id": 2,
        "text": 'E-money'
    });

    $secondDropdown.append("<option value=\"2\">E-money</option>");
}

// add new items
options.data = items;
$secondDropdown.select2(options);