Question

<select id="myselect">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

每当点击选项中的某个选项时，我需要调用ajax $("#myselect option").click(hanler)事件处理程序。但此功能在Safari浏览器中不起作用

例如：

$("#myselect option").click(function(){
    // call ajax
})

Answer 1

从select中选择选项时尝试使用change（）。

$("#myselect option").on("change",function(){
// call ajax
});

Answer 2

您可以查看已编写的答案here。尝试添加一个额外的事件，如blur（）;

$('select').quickChange(function () {
  $(this).blur();
  $('select').focus(); // somehow prevents an extra blur from firing   on focus
});


$("#select-choice-month").change(function () {
  // update second select dynamically
});

希望它会给你一个答案。

Answer 3

最好使用change事件而非click事件，也可以绑定$(document).ready内的代码。请尝试示例代码并验证这是否适合您。

<!DOCTYPE html>
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("select#myselect").change(function () {
                console.log("You have selected " + $("select#myselect").val());
                //Call your ajax here.
            })
        });
    </script>
</head>

<body>
    <select id="myselect">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
</body>

</html>

Answer 4

您需要在select标记上使用“更改”事件，而不是使用选项本身。

$('#myselect').on('change', function (e) {
    myFunction();
});

每次更改您选择的当前值时，都会调用“ myfunction”。

点击选项按jquery选择？

4 个答案: