我无法根据选择框选择添加表单不同的元素

时间:2017-01-12 06:15:44

标签: javascript if-statement drop-down-menu textbox append

我想根据选择名称为rim的selectBox添加TextBox或SelectBox。但它总是添加一个文本框。我在哪里犯错误。

    $(document).ready(function() {
    $("#rim").change(function() { 
      if ($("#rim option[value='JANT']").attr("selected", "selected")) {
       $("#formal").append("<input name='opno' type='text' size='4'  placeholder='Jant Adet'/>");
      }
     else {
       $("#formal").append("<select name='opno'><option value=''>Seç</option></select>");
      }
    }); 
  });

  <div id="formal"></div>

1 个答案:

答案 0 :(得分:1)

在if条件下,您使用了attr,它没有给出布尔值。所以使用这个

$(this).val() === "JANT"

完整代码

$(document).ready(function() {
    $("#rim").change(function() { 
      if ($(this).val() === "JANT") {
       $("#formal").append("<input name='opno' type='text' size='4'  placeholder='Jant Adet'/>");
      }
     else {
       $("#formal").append("<select name='opno'><option value=''>Seç</option></select>");
      }
    }); 
  });

Example DEMO