Question

我正在尝试这项工作。

我有2个下拉列表。用户选择所需的值后，单击按钮。该按钮将根据下拉列表中的选定选项加载特定URL。

<script>
  $(document).ready(function() {

        OR = document.getElementById("orientation");
        SZ = document.getElementById("size");
        ORSZ = OR + SZ;




        switch (ORSZ) {
          case PA5:
            window.location.href = "www.xxxx.wwww/one.html";
            break;

          case PA4:
            window.location.href = "www.xxxx.wwww/two.html";
            break;

          case PA3:
            window.location.href = "www.xxxx.wwww/three.html";
            break;

          case LA5:
            window.location.href = "www.xxxx.wwww/four.html";
            break;

          case LA4:
            window.location.href = "www.xxxx.wwww/five.html";
            break;

          case LA3:
            window.location.href = "www.xxxx.wwww/six.html";
            break;

          default:
          default none();
        }

</script>

Answer 1

你有一些错误。不要使用window.location.href，请尝试使用window.open("www.my-url.com")。

此外，您在switch clause中有2个默认语句，请尝试以下操作：

switch (ORSZ) {
    case PA5:
        window.location.href = "www.xxxx.wwww/one.html";
        break;

    case PA4:
        window.location.href = "www.xxxx.wwww/two.html";
        break;

    case PA3:
        window.location.href = "www.xxxx.wwww/three.html";
        break;

    case LA5:
        window.location.href = "www.xxxx.wwww/four.html";
        break;

    case LA4:
        window.location.href = "www.xxxx.wwww/five.html";
        break;

    case LA3:
        window.location.href = "www.xxxx.wwww/six.html";
        break;

    default: none();
}

最后，当您按ID获取选择元素时，您将抓取对象而不是选定的值。要解决此问题，您需要使用.value：

OR = document.getElementById("orientation").value;
SZ = document.getElementById("size").value;
ORSZ = OR + SZ;

DEMO：http://jsbin.com/tivocodeza/edit?html,js,output

Answer 2

是的，上面 - 抓住输入的值，而不是元素。

你也在你的小提琴$(document).ready();

中使用jQuery

如果你这样做，你可以使用jQuery来做所有事情。不确定你是否想要，但万一你这样做，这是一个代码建议：

$(document).ready(function() {
  $('#submit').click(function(e) {
    e.preventDefault();
    var ORSZ = $('#orientation').val() + $('size').val();

    switch (ORSZ) {
      case PA5:
      window.open("www.xxxx.wwww/one.html", '_blank');
    break;

    //e
    //t
    //c

  });
});

我在您的按钮中添加了id="submit"，以便于选择。

带按钮的两个下拉选项

2 个答案: