Question

我有一个“kategorie”选择，我试图获得所选答案的te值。然后通过此值我的网站需要更改css属性。

我不知道出了什么问题，但这不起作用。请帮我。 PS。抱歉我的英文。

    $('select#kategorie').change(function() {
    var value = $('select#kategorie:selected').val();
    if (value=="1" || value=="10")
    {
    $("#liczba-pokoi").css("display","block");
    }
    if else (value=="2" || value=="11")
    {
    $("#liczba-pokoi").css("display","none");
    }
    if else ((value=="3" || value=="12")
    {
    $("#liczba-pokoi").css("display","none");
    }
    if else (value=="4" || value=="13")
    {
    $("#liczba-pokoi").css("display","block");
    }
    });

Answer 1

else if，而不是if else。

您应首先检查语法错误。

Answer 2

更整洁的解决方案：

var val, liczba_pokoi = $("#liczba-pokoi");

$('#kategorie').change(function() {

  val = $(this).val();

  if(val == 1 || val == 4 || val == 10 || val == 13) liczba_pokoi.show();
  if(val == 2 || val == 3 || val == 11 || val == 12) liczba_pokoi.hide();  

});

请参阅小提琴：http://jsfiddle.net/pBxfX/

Answer 3

您正在使用If Else语法不正确。它必须像

$('select#kategorie').change(function() {
    var value = $(this).val();
    if(value=="1" || value=="10")
    {
       $("#liczba-pokoi").css("display","block");
    }
    else if(value=="2" || value=="11")
    {
       $("#liczba-pokoi").css("display","none");
    }
    else if((value=="3" || value=="12")
    {
       $("#liczba-pokoi").css("display","none");
    }
    else if(value=="4" || value=="13")
    {
       $("#liczba-pokoi").css("display","block");
    }
  });

Answer 4

您的if else条件应为else if而不是if else

$('select#kategorie').change(function() {

    var value = $('select#kategorie:selected').val();

if (value=="1" || value=="10")
{
$("#liczba-pokoi").css("display","block");
}
else if (value=="2" || value=="11")
{
$("#liczba-pokoi").css("display","none");
}
else if ((value=="3" || value=="12")
{
$("#liczba-pokoi").css("display","none");
}
else if (value=="4" || value=="13")
{
$("#liczba-pokoi").css("display","block");
}
});

点击链接了解更多信息。 IF ELSE Statement

if / else在jquery中使用select值

4 个答案: