如何在不使用提交的情况下从下拉列表中选择值

时间:2015-09-24 12:08:44

标签: php html database forms laravel

我有两个下拉菜单:州和城市。两者都是相同的形式。目标是以某种方式保存选择而不单击提交按钮,因此它可以用作在第二个下拉列表中显示城市选择的标准。 例如:当在第一个下拉列表中选择加利福尼亚时,第二个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>   

2 个答案:

答案 0 :(得分:2)

只需使用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,获取城市并将其返回标签

答案 1 :(得分:0)

$('#state_field_id').click(function(){ var state=document.getElementById('state_field_name').options[document.getElementById('state_field_name').selectedIndex].text; });

您将获得选定的值