Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

110
Views
Django Javascript append options

In my class in models.py I have a field:

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

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

When I change an option in my page, I run the following script

<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>

I get all data, writen as two elements of each tuple, in one row. I would like to clear all previous options and when I run script I would get list of all names, each name single time and only 1 in 1 row.

I get:

Adam, Adam, Tom, Tom

I would like to get:

Adam
Tom
about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

You can do that simply by adding this line in your code!

<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>
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!