Javascript JQuery在Safari或Chrome上不起作用

我创建了一个真正精简版本的代码。即使使用slim版本，我似乎也无法让我的JQuery在Safari或Chrome中工作？在Firefox上运行良好

请看这里：

我是否在使用

jQuery（document）.ready（function（$）{}）时出错了

我也不明白为什么连点击/提醒都不起作用，那是因为我假设它就是那一行

任何帮助都将不胜感激，对于jQuery或Javascript，我还是个新手

编辑：
我的目标是将选项值附加到url，也就是说这是我拥有的，但在chrome或safari中，这两个选项或小提琴都不适用于我，我不确定这是否是我做错的事情：

jQuery(document).ready(function($) {

    $("#landing-select option").click(function(){
        window.location.search = $(this).val();

        });
});

不确定要完成什么，但option元素不会触发单击事件。以下操作（在选择元素上鼠标向下移动）

不确定要完成什么，但option元素不会触发单击事件。以下操作（在选择元素上鼠标向下移动）

您需要添加多个选择以触发选项单击事件：

<select id="landing-select" class="select" name="items" multiple="multiple">

您需要添加多个选择以触发选项单击事件：

<select id="landing-select" class="select" name="items" multiple="multiple">

与其监视点击，为什么不直接创建一个
.change（）
事件

jQuery(document).ready(function ($) {
  $('#landing-select').change(function () {
      alert($('#landing-select').val());
  });
});

如果您确实有一个只想在特定选项上触发的事件，您可以始终执行以下操作：

jQuery(document).ready(function ($) {
  $('#landing-select').change(function () {
      if($('#landing-select').val() == "Option 1"){
          alert("Option 1 specific stuff.");
      }
  });
});

以及编辑的更新：

jQuery(document).ready(function($) {

    $('#landing-select').change(function () {
        window.location.search = $('#landing-select').val();
    });
});

与其监视点击，为什么不直接创建一个
.change（）
事件呢

jQuery(document).ready(function ($) {
  $('#landing-select').change(function () {
      alert($('#landing-select').val());
  });
});

如果您确实有一个只想在特定选项上触发的事件，您可以始终执行以下操作：

jQuery(document).ready(function ($) {
  $('#landing-select').change(function () {
      if($('#landing-select').val() == "Option 1"){
          alert("Option 1 specific stuff.");
      }
  });
});

以及编辑的更新：

jQuery(document).ready(function($) {

    $('#landing-select').change(function () {
        window.location.search = $('#landing-select').val();
    });
});

我发现最简单的方法就是这样做

jQuery(document).ready(function ($) {

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

});

如果要将其附加到URL，可以执行以下操作

jQuery(document).ready(function ($) {

    $('#landing-select').change(function () {
        url = window.location.href;
        url += '?'+$(this).val();
        window.location.href = url;
    });

});

我发现最简单的方法就是这样做

jQuery(document).ready(function ($) {

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

});

如果要将其附加到URL，可以执行以下操作

jQuery(document).ready(function ($) {

    $('#landing-select').change(function () {
        url = window.location.href;
        url += '?'+$(this).val();
        window.location.href = url;
    });

});

我编辑了我的问题，以显示我实际上是想用它做什么，我只是拉小提琴，看看我是否能触发警报，但我所做的一切似乎都不起作用：（我编辑了我的问题，以显示我实际上在试图用它做什么，我只是拉小提琴，看看我是否能触发警报，但我所做的一切似乎都不起作用：(