Question

我使用jquery和ajax编写了依赖选择的代码。我的代码运行完美并从第二个选择生成正确的输入，但是当我重新单击第一个选择以尝试更改第二个选择选项而不是重新设置字段的代码时，会出现问题，它会在第二个选择字段下添加另一个在一个循环中，它不断添加和添加而不是刷新...下面是我的代码

<script type="text/javascript">
$(document).ready(function() {
        $("#region_name").bind('change', function () {
                ajaxAddField();
            }
        );
        }
    );

    // Retrieve new element's html from controller
    function ajaxAddField() 
    {
        $.ajax(
        {
            type: "POST",
            url: '<?php echo $this->baseURL()?>/admin/ajax/get-cities/city/' + encodeURIComponent($('#region_name').val()),
            success: function(newElement) {
            // Insert new element before the Add button
            //$(this).prev().remove().end().before('#city-label');
            $("#city-label").before(newElement);
            }
        }
        );
    }
</script>

提前致谢

Answer 1

在您的AJAX 成功：

中尝试此操作

$("#satellite_elem-label").remove();
$("#satellite_elem").parent().remove();

Answer 2

在更改第一个下拉列表时将选项值添加到第二个下拉列表之前，您只需清空第二个下拉选项值并将值分配给第二个下拉列表。

我希望这有效。

依赖选择相关

2 个答案: