Select onchange 不起作用

Question

还有人遇到 select 在 framework7 中不能正常工作的问题吗？

构建apk文件后select有时需要修改两次才能生效

什么原因导致的？我删除了所有外部文件，但它仍然无法正常工作。

<select id="random-select">
                            <option id="1">1</option>
                            <option id="2">2</option>
                            <option id="3">3</option>
                            <option id="4">4</option>
                            <option id="5">5</option>
                            <option id="6">6</option>
                        </select>

    $('#random-select').change(function(){
    alert($(this).val());
})

代码和 select 一样简单。它在 jquery.

Answer 1

试试这个

$(document).ready(function(){
  
  $('#random-select').change(function()
 {
    alert($(this).val());
    
  });
    
  
});
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="random-select"  name="selectbox" >
                            <option id="1">1</option>
                            <option id="2">2</option>
                            <option id="3">3</option>
                            <option id="4">4</option>
                            <option id="5">5</option>
                            <option id="6">6</option>
                        </select>

Answer 2

这不是 framework7 的问题，实际上 webkit 快速点击不是 supported.I 面临同样的问题，通过添加一个简单的 class 到 select 元素解决了这个问题 class="no-fastclick",它会正常工作。另一种方法是在 app init 中添加 "fastclick:false"。

Select onchange 不起作用

Select onchange doesnt work

html-framework-7