Django Javascript 附加选项答案

【问题标题】：Django Javascript append optionsDjango Javascript 附加选项
【发布时间】：2021-10-16 10:18:50
【问题描述】：

在我的 models.py 类中，我有一个字段：

names = models.TextField(max_length=40, choices=sektor, default="Adam", verbose_name="Name")

sektor = (
    ("Adam", "Adam"),
    ("Tom", "Tom"),
)

当我更改页面中的选项时，我会运行以下脚本

<script type="text/javascript">
        var endpoint = '/call_jquery_sektor/'
        var sektor = []
        $.ajax({
            method: "GET",
            url: endpoint,
            success: function(data){
                sektor = data.sektor
                //loop
                $(sektor).each(function(i) {
                $("#id_names").append("<option>" + sektor[i] + "</option>") //append options
                })
                },
            error: function(error_data){
                console.log("error")
                console.log(error_data)
                }
        })
    </script>

我得到所有数据，写成每个元组的两个元素，在一行中。我想清除所有以前的选项，当我运行脚本时，我会得到所有名称的列表，每个名称一次，并且只有 1 行。

我明白了：

Adam, Adam, Tom, Tom

我想得到：

Adam
Tom

【问题讨论】：

在$(sektor).each(function(i之前调用$(#id_names).empty();

标签： javascript python django get tuples

【解决方案1】：

您只需在代码中添加此行即可！

<script type="text/javascript">
    var endpoint = '/call_jquery_sektor/'
    $.ajax({
        method: "GET",
        url: endpoint,
        success: function(data){
            var sektor = []
            sektor = data.sektor
            //loop
            $(sektor).each(function(i) {
            $("#id_names").append("<option>" + sektor[i] + "</option>") //append options
            })
            },
        error: function(error_data){
            console.log("error")
            console.log(error_data)
            }
    })
</script>

【讨论】：