Question

当我单击我的提交按钮时，如果select选项的值为2-6，我只希望它显示/隐藏div。如果值为1（禁用选项）我不希望按钮单击执行任何操作。＆lt; select id =“brand_bu”name =“selected”class =“form-control”onchange =“panelHeader（）”＆gt; ＆lt; option value =“1”已停用已选中＆gt;请选择一个选项..＆lt; / option＆gt; ＆lt; option value =“2”＆gt; 2＆lt; / option＆gt; ＆lt; option value =“3”＆gt; 3＆lt; / option＆gt; ＆lt; option value =“4”＆gt; 4＆lt; / option＆gt; ＆lt; option value =“5”＆gt; 5＆lt; / option＆gt; ＆lt; option value =“6”＆gt; 6＆lt; / option＆gt; ＆LT; /选择＆GT; ＆lt; span class =“input-group-btn”＆gt; ＆lt; button class =“btn btn-primary”id =“submit”type =“button”＆gt; Refresh Table＆lt; / button＆gt; ＆LT; /跨度＆GT; $（document）.ready（function（）{ $（ “＃提交”）。点击（函数（）{ $（ “＃隐藏”），隐藏（）。 $（ “＃秀”）节目（）。 }）; }）; 这是我尝试用if语句做的，但我似乎无法让它工作。 $（document）.ready（function（）{ $（“＃submit”）。click（function（）{ if（$（“＃brand_bu”）。val（）！=“1”）{ $（ “＃隐藏”），隐藏（）。 $（ “＃秀”）节目（）。 } }）; }）;

Answer 1

您需要这些元素
您的点击选择器错误 - 该ID不存在
使用.val() doesn't work for disabled elements，请使用selectedIndex()

＆＃13;

$(document).ready(function() {
  $("#submit").click(function() {
    if ($("#brand_bu").prop('selectedIndex') != "0") {
      $("#hide").hide();
      $("#show").show();
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="brand_bu" name="selected" class="form-control" onchange="panelHeader()">
  <option value="1" disabled selected>Please Select a Option..</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
</select>
<span class="input-group-btn">
                        <button class="btn btn-primary" id="submit" type="button">Refresh Table</button>
                    </span>

<div id='hide'>hide</div>
<div id='show'>show</div>

＆＃13;

Answer 2

jsFiddle

{ \"newsletter\":\r\n          {\r\n            \"properties\": {\r\n             \"key1\" : \"value1\",\r\n             \"key2\" : \"value2\",\r\n             \"key3\" : \"value3\"\r\n          }\r\n         }\r\n        }

我更改了你的html代码和js代码。请查看jsfiddle。

如果<select> option.val（）是“x”，请不要.show（）div

2 个答案: