使用来自数据库的 Json 数据填充下拉列表（使用 Python FLASK）

Question

I have JSON data which I retrieved from a PostgreSQL database into Flask function that returns the following:

Flask function:

def Install():
    cur = conn.cursor()
    # cur.execute("""create table Install (Install varchar(300));""")
    # cur.execute("""insert into Install (Install) values ('ffr2nightly.tst');""")
    cur.execute("""select * from Install;""")
    conn.commit()
    test = {}
    count = 0
    for row in cur.fetchall():
        test[count] = row[0]
        count += 1
    return test

Output:

{  
   "0": "ffr2nightly.tst",
   "1": "ffr2nightly.tst",
   "2": "HealthCheckDocker.tst",
   "3": "NoInstall.tst"
}

I am trying to use this data in my HTML form with dropdown list

HTML:

<select multiple="multiple" id='lstBox3' class="col-md-5">
  <option>
    // I want the Json data in these options
  </option>
</select>

Answer 1

Yeah, you just need to extract the values from the JSON, then parse it into the select element using jQuery.

 //Your data var data = { "0": "ffr2nightly.tst", "1": "ffr2nightly.tst", "2": "HealthCheckDocker.tst", "3": "NoInstall.tst" }; //iterate through it and append to the select Object.values(data).forEach(function(ele) { var opt = '<option>' + ele + '</option>'; $('#sel').append(opt); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="sel"></select>

If you want to exclude duplicates, you just check if the option exists before adding it with this

if ($('#sel').find('option[value="' + ele + '"]').length == 0)
    $('#sel').append(opt);