jquery if then 每个数组

Question

我使用 jQuery 创建了一个选择框。这是我的 fiddle :http://jsfiddle.net/andreaszeike/gff1r5dr/3/

它已经工作正常了，但是你能帮我简写代码吗:

$(document).ready(function () {
    $('#link-button a ').attr("href", "http://test/")
});

$('select[name=model]').change(function () {

    //keine Auswahl
    if ($(this).val() == '') {
        $(document).ready(function () {
            $('#link-button a ').attr("href", "http://test/")
        });
    } else

    //alfa-Romeo
    if ($(this).val() == 'ar-1') {
        $(document).ready(function () {
            $('#link-button a ').attr("href", "http://test/alfa-romeo/giulietta/")
        });
    } else

    if ($(this).val() == 'ar-2') {
        $(document).ready(function () {
            $('#link-button a ').attr("href", "http://test/alfa-romeo/mito/")
        });

    } else
    if ($(this).val() == 'ar-3') {
        $(document).ready(function () {
            $('#link-button a ').attr("href", "http://test/alfa-romeo/spider/")
        });
    } else


    //Alpina
    if ($(this).val() == 'alp-1') {
        $(document).ready(function () {
            $('#link-button a ').attr("href", "http://test/alpina/alpina-b3/")
        });
    } else

    if ($(this).val() == 'alp-2') {
        $(document).ready(function () {
            $('#link-button a ').attr("href", "http://test/alpina/alpina-b5/")
        });
    } else

    if ($(this).val() == 'alp-3') {
        $(document).ready(function () {
            $('#link-button a ').attr("href", "http://test/alpina/alpina-b10/")
        });
    } else

    if ($(this).val() == 'alp-4') {
        $(document).ready(function () {
            $('#link-button a ').attr("href", "http://test/alpina/alpina-rs/")
        });
    } else {}

});

我找到了一些示例 ( https://www.sitepoint.com/jquery-each-function-examples/ )，但我没有设法将其传输到我的示例喷气机上。

Answer 1

您可以使用 switch 语句

$('select[name=model]').change(function () {
     var valuee = $(this).val();
     $(document).ready(function () {
       switch(valuee)
       {
        case  '':
             $('#link-button a ').attr("href", "http://test/");
             break;
        case 'ar-1':
             $('#link-button a ').attr("href", "http://test/alfa-romeo/giulietta/");
             break;
        case 'ar-2':
             $('#link-button a ').attr("href", "http://test/alfa-romeo/mito/");
             break;
        case 'ar-3':
             $('#link-button a ').attr("href", "http://test/alfa-romeo/spider/")
             break;
        case 'alp-1':
              $('#link-button a ').attr("href", "http://test/alpina/alpina-b3/")
             break;
        case 'alp-2':
             $('#link-button a ').attr("href", "http://test/alpina/alpina-b5/")
             break;
        case 'alp-3':
              $('#link-button a ').attr("href", "http://test/alpina/alpina-b10/")
             break;
         case 'alp-4':
             $('#link-button a ').attr("href", "http://test/alpina/alpina-rs/")
             break;
        default :
             $('#link-button a ').attr("href", "http://test/");
             break;
    }

  });


});