Question

我目前正在使用 J QUERY 进行项目。我有一个下拉字段名称为 CATEGORIES ，它以下拉列表的形式显示数据库中存在的所有类别，用户从中选择一个类别，依此类推...现在，我遇到了这样一种情况，用户可以根据需要添加任意多个类别，然后将该类别数组存储在数据库中。对于此过程，我有一个 + 按钮添加新的类别字段，例如用户单击一个字段选择类别，然后单击+按钮，出现一个新的下拉字段，他再次单击以选择类别，依此类推。现在我要实现的是我要单击此按钮并在每个字段上选择流程意味着如果用户添加第二个类别字段，则应在点击时向他显示类别列表，与第一次相同。我已经在第一个字段下面给出了代码上实现了这种单击并选择过程，但是我如何在所有this is the drop down that appears after user click on first field

域上实现它

    var url = base_server_url + "/category";
    var cat;
    var catParentName = '';
    fetch(url, {
            method: 'GET',
            headers: {
                // "Content-Type": "application/json",
            },
        }).then((resp) => resp.json())
        .then(function(data) {
            // console.log(data);
            cat = data;
            console.log('cat: ', cat)
            $.each(data, function(index, value) {
                // console.log(value);
                var option = "<option value='" + value._id + "' id='" + value.name + "'>" + value.name +
                    "</option>";
                $(".category").append(option);
            });
           
        })

从api附加动态下拉值

0 个答案: