我想在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/