Question

我正在使用选择选择器。我有一个dropdrown，我在选择元素时获取值。这里是成功获取值但它提醒我两次我删除selectpicker类它给我正确的结果。这是我的代码： -

enter code here
<select class="selectpicker show-tick getCategory" data-size="12">
    <option value="">Category</option>
    <?php foreach ($allcategories as $key => $category) {?>
        <option value="{{ $category['name'] }}">{{ $category['name'] }} </option>
         <?php } ?>
</select>

这是我的Jquery代码： -

enter code here
var categoryvalue="";
    $('.getCategory').change(function(){
        categoryvalue = $(".getCategory option:selected").text();
        alert(categoryvalue);
    });

当我提醒类别值时，它会给我正确的结果，但会提醒我两次。提前致谢：）我正在使用laravel 5.2

Answer 1

更新：当您引用某个类时，更改事件会触发两次。解决方案是引用id而不是类。

＆＃13;

$('#test').on('changed.bs.select', function(e) {
  categoryvalue = $(".getCategory option:selected").text();
  alert(categoryvalue);
});

＆＃13;

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css" rel="stylesheet" />
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>
<div class="container">
  <select id="test" class="foo selectpicker show-tick getCategory" data-size="12">
    <option value="">Category</option>
        <option value="catTest1">catTest1</option>
        <option value="catTest2">catTest2</option>
        <option value="catTest3">catTest3</option>               
        <option value="catTest4">catTest4</option>
        <option value="catTest5">catTest5</option>
        <option value="catTest6">catTest6</option>
        <option value="catTest7">catTest7</option>        
</select>
</div>

＆＃13;

如何从selectpicker中的dropdwon中获取值 - 它会将值提醒两次？

1 个答案: