Question

请求有关如何在选择列表中添加从函数中获取日期的帮助，请尝试以下代码，第二个选择选项永不返回任何数据。

第一个选择执行一个函数并返回主机名基于第一个选择中的选择选项，我需要再次调用另一个函数并在第二个选择选项中返回数据。

例如：选择选项1 <主机名> getRack（主机名）选择选项2 <机架名称>

<script type="text/javascript">
function GetRack(value) {
var hosts = value;
               $.ajax({
                     url: "/getRack/" + hosts,
                     method: "GET",
                     data:{hosts:hosts}
                });
}
</script>

    <form id="Play" action="/" method="post">
        <label for="Hosts" class="ml-4">Choose a host</label>
        <select class="form-control-sm h8 ml-3" id="Hosts" name="hosts" onChange="GetRack(this.value);" required>
            <option value="">Choose a Hostname</option>
            {% for i in hostName %}
                <option value={{i.hostName}} {{ selected }}>{{i.hostName}}</option>
            {% endfor %}
        </select>
        <label for="Plays">Select a Rack</label>
        <select class="form-control-sm h8"  id='Plays' name="plays">
            <option value="">Rack</option>
            {% for i in rack %}
                <option value={{i}} {{ selected }}>{{i}}</option>
            {% endfor %}
        </select>
    </form>

如何附加数据以选择选项

0 个答案: