Javascript 吉普2 天哪

我刚刚在第二次选择中更改了一些内容：

$('.second-select').change(function() {
var an = $(this).val();
$('#basic_plan').change();
switch (an) {
  case "1":
    $('.button-plans a').attr('href', $('.button-plans a').attr('href')+"/extra");
    break;
  case "2":
    $('.button-plans a').attr('href', $('.button-plans a').attr('href')+"/extra2");
    break;
  case "3":
    $('.button-plans a').attr('href', $('.button-plans a').attr('href')+"extra3");
    break;
}
});

---

我只是在第二个选择中更改了一些内容：

$('.second-select').change(function() {
var an = $(this).val();
$('#basic_plan').change();
switch (an) {
  case "1":
    $('.button-plans a').attr('href', $('.button-plans a').attr('href')+"/extra");
    break;
  case "2":
    $('.button-plans a').attr('href', $('.button-plans a').attr('href')+"/extra2");
    break;
  case "3":
    $('.button-plans a').attr('href', $('.button-plans a').attr('href')+"extra3");
    break;
}
});

---

这样就行了

$(document).ready(function() {
var carUrl="www.google.com";
var bikeUrl="www.yahoo.com";
var jeepUrl="www.bing.com";
  $('#basic_plan').change(function() {
    $('.second-select').hide();
    var an = $(this).val();
    switch (an) {
      case "ann":
        $('.button-plans a').attr('href', carUrl);
        $('#jeeps').show();
        break;
      case "bi":
        $('.button-plans a').attr('href', bikeUrl);
        $('#bikes').show();
        break;
      case "tri":
        $('.button-plans a').attr('href', jeepUrl);
        $('#cars').show();
        break;
        /* and so on */
    }
  });

$('.second-select').change(function() {
    var an = $(this).val();
    var text = $(this).find('option:selected').text();
    switch (an) {
      case "1":
        $('.button-plans a').attr('href', carUrl+'/' + text);
        break;
      case "2":
        $('.button-plans a').attr('href', bikeUrl+'/' + text);
        break;
      case "3":
        $('.button-plans a').attr('href', jeepUrl+'/' + text);
        break;
    }
  });
});

---

这是一个

这就可以了

$(document).ready(function() {
var carUrl="www.google.com";
var bikeUrl="www.yahoo.com";
var jeepUrl="www.bing.com";
  $('#basic_plan').change(function() {
    $('.second-select').hide();
    var an = $(this).val();
    switch (an) {
      case "ann":
        $('.button-plans a').attr('href', carUrl);
        $('#jeeps').show();
        break;
      case "bi":
        $('.button-plans a').attr('href', bikeUrl);
        $('#bikes').show();
        break;
      case "tri":
        $('.button-plans a').attr('href', jeepUrl);
        $('#cars').show();
        break;
        /* and so on */
    }
  });

$('.second-select').change(function() {
    var an = $(this).val();
    var text = $(this).find('option:selected').text();
    switch (an) {
      case "1":
        $('.button-plans a').attr('href', carUrl+'/' + text);
        break;
      case "2":
        $('.button-plans a').attr('href', bikeUrl+'/' + text);
        break;
      case "3":
        $('.button-plans a').attr('href', jeepUrl+'/' + text);
        break;
    }
  });
});

---

以下是

如果在第二次选择之间多次更改，则该选项无法正常工作。你最终会得到类似www.yahoo.com/Bike2/Bike3/Bike1/Bike2/Bike3这样的URL，我不确定，因为如果第二个选项被多次选择，那么这些值会不断追加

www.yahoo.com/Bike2/Bike3

是的，我刚刚注意到了同样的情况。有什么解决方法吗？@John更新了我的答案“这种方法会很混乱，而且

错误色情

”呵呵，错误色情：）如果在第二次选择之间多次更改，则无法正常工作。你最终会得到类似www.yahoo.com/Bike2/Bike3/Bike1/Bike2/Bike3这样的URL，我不确定，因为如果第二个选项被多次选择，那么这些值会不断追加

www.yahoo.com/Bike2/Bike3

是的，我刚刚注意到了同样的情况。有什么解决方法吗？@John更新了我的答案“这种方法会很混乱，而且

错误色情片

”呵呵，错误色情片：）你考虑过在

上使用数据属性吗？然后，URL可以在HTML中而不是脚本中。顺便说一句，更可靠的方法是使用表单，用提交按钮替换链接，并重定向用户服务器端。如果这是您的问题。您是否考虑过在

上使用数据属性？然后，URL可以在HTML中而不是脚本中。顺便说一句，更可靠的方法是使用表单，用提交按钮替换链接，并重定向用户服务器端。如果你担心的话。