Question

<script>
$(document).ready(function() {
     $("#select-native-1 option:selected").select( function () { 
    alert("a");
    });
});
</script>
...
<form>
    <div class="ui-field-contain">
        <select name="select-native-1" id="select-native-1">
            <option id="burnabyCampus" value="1">A</option>
            <option id="downtownCampus" value="2">B</option>
        </select>
    </div>
</form>

我正在尝试从jQuery Mobile监听选项选择事件。但我不知道这样做的正确方法吗？我在哪里可以找到它？

我现在的错误是什么？

Answer 1

您应该在输入更改时观看，而不是在文档准备就绪时...

$('#select-native-1').change(function(){
    alert('input changed');
});

请参阅小提琴 - https://jsfiddle.net/6L08nj2u/11/

编辑：你仍然应该把你的jquery包裹在一个准备好的＆＃39;但将此功能绑定到＆＃39;更改＆＃39;你的输入。所以，如果那就是你所有的js，

$(document).ready(function() {    // wrap everything in ready
    $('#select-native-1').change(function(){
        alert('input changed');
    });
});

现在如果您想在更改之前获取 text 值，请让它准备就绪。

$(document).ready(function() {    // wrap everything in ready
// page is loaded

// what the value is as soon as page is done loading
$('#select-native-1 option:selected').text();


// watch for every time the value changes
        $('#select-native-1').change(function(){
            alert('input changed');
        });

    });

如何收听Jquery手机活动？

1 个答案: