我想在HTML中读取2。

FIRST SELECT是静态的

<select name="step">
<option value="Step 1">Step 1</option>
<option value="Step 2">Step 2</option>
<option value="Step 3">Step 3</option>
</select>`


SECOND SELECT是动态的,应基于FIRST SELECT从MySQL数据库填充。

最佳答案

您可以使用AJAX进行此操作。
我正在提交一个示例,您可以相应地进行更改。

    <div>
    <select id="c_source" name="source">
        <option value="option1">option1</option>
        <option value="option2">option2</option>
    </select>
    </div>
    <div>
        <select required id="c_destination" name="city">
        </select>
    </div>


AJAX通话

<script>
        var $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};

        $("#c_source").change(function(){

         $.ajax({
            type: "GET",
            url: $SCRIPT_ROOT + "/getdest/"+$("#c_source").val(),  //Here you can call any api or backend link where you provide the connection for the details where they can be extracted
            contentType: "application/xml; charset=utf-8",
            success: function(data) {
                $('#c_destination').empty();
                var jsonObj = JSON.parse(data);
                $.each(jsonObj['result'], function(key, value) {
                    $('#c_destination').append($('<option></option>').attr('value', value).text(value));
                });
                },
            error: function(jqXHR, textStatus, errorThrown) {
                alert(errorThrown);
            }
        });

     });
</script>

关于mysql - 根据第一个下拉列表选择项填充第二个下拉列表,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42062449/

10-09 01:07
查看更多