Question

<div class="col-lg-6 col-md-6 col-sm-12 m0 col-xs-12">
                <div class="select-box">
                            <select class="select-menu" name="adults" onChange="getprice(this.value);">
                                <option value="default">Adults </option>  
                                <option value="1">1</option>    
                                <option value="2">2</option>    

                            </select>
                    </div>
                </div>

以上是select下拉列表的html代码。 drodown的onchange调用javascript函数。但它不会调用getprice函数。

<script type="text/javascript">
    function getprice(val)
    {
alert("here");
}
</script>

引导程序会自动将该下拉列表更改为

    <div class="col-lg-6 col-md-6 col-sm-12 m0 col-xs-12">

                   <div class="select-box">
                                <select class="select-menu" name="adults" id="adults" onchange="getprice(this.value);" style="display: none;">
                                    <option value="default">Adults</option>  
                                    <option value="1">1</option>    
                                    <option value="2">2</option></select>
<span class="ui-selectmenu-button ui-widget ui-state-default ui-corner-all" tabindex="0" id="adults-button" role="combobox" aria-expanded="false" aria-autocomplete="list" aria-owns="adults-menu" aria-haspopup="true" style="width: 71px;" aria-activedescendant="ui-id-4" aria-labelledby="ui-id-4" aria-disabled="false"><span class="ui-icon ui-icon-triangle-1-s"></span><span class="ui-selectmenu-text">Adults</span></span>
                        </div>

                      </div>

Answer 1

试试这个

<强> HTML

<div class="col-lg-6 col-md-6 col-sm-12 m0 col-xs-12">
    <div class="select-box">
        <select class="select-menu" name="childless6" id="childless6">
            <option value="default">Children < 6 </option>  
            <option value="1">1</option>    
            <option value="2">2</option>    
        </select>
    </div>
</div>

<强> JS

$(function() {
    $('#childless6').on('change', function(e) {
        select_val = $(this).val();
        // rest of your code
    });
});

onchange无法使用bootstrap中的select下拉列表

1 个答案: