[英]How to select value from dropdown without using submit
我有两个下拉菜单:州和城市。 两者都是相同的形式。 目标是以某种方式保存选择而不单击提交按钮,以便它可以用作在第二个下拉列表中显示城市选择的标准。 例如:当在第一个下拉列表中选择 california 时,第二个 dropdwon 将显示加利福尼亚的所有城市。
代码:
<?php $db= DB::table('states_table')->get(); ?>
<select class="form-control input-md" name="state">
<option value="" disabled selected>Choose the state</option>
<?php foreach ($db as $data) { ?>
<option value="<?php echo $data->city; ?>">
<?php echo $data->city;?>
</option><?php
}?>
</select>
只需使用 ajax :
$('#form').on('change','select[name="state"]', function() {
var province = $('select[name=state]').val();
$.ajax({
url: './get_city.php',
method: 'post',
data: {"state": state},
success: function (data) {
$('select[name=city]').html(data);
}
})
});
并在 get_city.php 连接到 db ,获取城市并在标签上返回它们
$('#state_field_id').click(function(){ var state=document.getElementById('state_field_name').options[document.getElementById('state_field_name').selectedIndex].text; });
你会得到选定的值
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.