html 从AJAX结果中填充的链接选择框

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 从AJAX结果中填充的链接选择框相关的知识，希望对你有一定的参考价值。

var SearchTestReports = (function () {

    var changeProductGroup = function (event) {
        _getItemCodesByProductGroup(event.target.value).done(function (response) {
            // populate item code select box 
        };
    };

    var _getItemCodesByProductGroup = function (productGroup) {
        return $.ajax({
            url: 'inventory/fetch-items-by-product-group',
            dataType: 'json',
            type: 'GET',
            data: {
                productGroupId: productGroup
            }
        });
    };

    return {
        changeProductGroup: changeProductGroup
    };
})();
<!DOCTYPE html>
<html class="no-js">
<head></head>
<body>
    
    <!-- Product group select box -->
    <select name="productGroup" data-behavior="productGroup">
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
    
    <!-- Item code select box -->
    <select name="itemCode" data-behavior="itemCode"></select>    
    
    <script type="text/javascript" src="/bower_components/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="/test-reports/search/SearchTestReports.js"></script>
    <script type="text/javascript">
        $(document).on('change', '[data-behavior="productGroup"]', SearchTestReports.changeProductGroup);
    </script>
</body>
</html>

以上是关于html 从AJAX结果中填充的链接选择框的主要内容，如果未能解决你的问题，请参考以下文章

使用 AJAX 动态填充的选择框不会在表单提交时发布

如何在一系列链接的选择框中填充 sql 查询结果？

如何在 jsp 和 ajax 中为两个选择选项框动态地从 mysql 获取和填充值到 HTML 选择选项

使用 AJAX 预填充 Select2 - “未找到结果”

AJAX填充Select2不可点击

如何在访问中使用 VB 从选择查询中填充组合框？