html – So erstellen Sie eine Dropdown-Liste in Python, indem Sie auf die Daten in einem JSON-Dokument verweisen.

Question

Ich möchte eine Dropdown-Liste im Eingabe-HTML erstellen und die Daten dieser Dropdown-Liste können auf meinen Datenbank-JSON verweisen. Welchen Code soll ich in meine py-Datei schreiben?

Dies ist mein Eingabe-HTML. Obwohl ich auf der Webseite auswählen kann, ist es zu mühsam, jedes einzelne so auszufüllen

    <tr><td>起始机场: </td><td><input type="text" name="user_placeofdeparture" placeholder="请输入机场名称" <input list="airport">
    <datalist id="airport">
    <option value="北京西郊机场">
    <option value="内蒙古赤峰机场">
    <option value="长治王村机场">
    <option value="鄂尔多斯伊金霍洛机场">
    </datalist></td></tr>

    <tr><td>目的机场: </td><td><input type="text" name="user_destination" placeholder="请输入机场名称" <input list="airport">
    <datalist id="airport">
    <option value="北京首都国际机场">
    <option value="北京西郊机场">
    <option value="内蒙古赤峰机场">
    <option value="长治王村机场">
    <option value="鄂尔多斯伊金霍洛机场">
    </datalist> 
    </td></tr>

Dies ist meine Py-Datei. Ich habe ursprünglich die Flughafennamen in diesen Text eingefügt, aber mein JSON hat diesen auch und dieser JSON wird in Zukunft zur Berechnung des Längen- und Breitengrads verwendet.

Ich bin etwas verwirrt, ich weiß nicht, wie ich es verwenden soll. Bitte um Hilfe.

Einen Teil des Inhalts im JSON-Dokument abfangen

    {"北京首都国际机场": { "latitude":40.08010101, "longitude":116.5849991},"北京西郊机场": { "latitude":39.96080017, "longitude":116.2570038},  "内蒙古赤峰机场": { "latitude":42.23500061, "longitude":118.9079971},"长治王村机场": { "latitude":36.24750137, "longitude":113.1259995},"鄂尔多斯伊金霍洛机场": { "latitude":39.49, "longitude":109.8613889},"大同机场": { "latitude":40.06029892, "longitude":113.4820023}}

Bitte helfen Sie.

Answer 1

首先在python里面把json转成dict，然后把机场名取出来：

import json

json_str = '{"北京首都国际机场": { "latitude":40.08010101, "longitude":116.5849991},"北京西郊机场": { "latitude":39.96080017, "longitude":116.2570038}, "内蒙古赤峰机场": { "latitude":42.23500061, "longitude":118.9079971},"长治王村机场": { "latitude":36.24750137, "longitude":113.1259995},"鄂尔多斯伊金霍洛机场": { "latitude":39.49, "longitude":109.8613889},"大同机场": { "latitude":40.06029892, "longitude":113.4820023}}'

airport_names = json.loads(json_str).keys()
// 然后把airport_names传给模板

然后在html文件里：

<datalist id="airport">
  {% for airport_name in airport_names %}
    <option value="{{ airport_name }}">
  {% endfor %}
</datalist>