Question

我通过bootstrap实现多选。当我直接在页面上写它，它工作正常。我在选择我的页面中已存在的下拉列表中调用ajax。 here是我选择的多重选择教程。

这是我的代码

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css" /> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>

<script type="text/javascript">
$(function(){    
    $('#c_company').change(function() {
        c_company = $('#c_company').val();
        $.ajax({
            type: "POST",
            url: 'get_company_data.php',
            data: {
                'c_company' : $('#c_company').val()
            },
            success: function(result)
            {
                //alert(result);
                $(".col-lg-8").html(result);

            }
        });    
    });    
});


</script>
</head>
<body>

<select id='c_company' name='company'>
<option value='Bunnny'>Bunny</option>
<option value='Nestle'>Nestle</option>
<option value='Coke cola'>Coke cola</option>
<select>
<div class='col-lg-8'>

</div>

</body>
</html>

这里是get_company_data.php文件代码。

<?php

echo "<select class='selectpicker' multiple >
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>";

?>

ajax调用工作正常并返回正确的数据，因为我通过将响应放在警报功能上来显示它。我不知道我在哪里做错了，因为如果html在页面上直接可见，那么它也必须通过ajax调用可见。任何帮助将非常感激。谢谢:)

多选未通过ajax调用显示

0 个答案: