Question

我想从下拉菜单中隐藏选项字段“ 2018”。以下是html代码：

<div class="form-field-select"><select name="tourtax[pa_ar]">
<option value="0">Välj år</option>
<option value="2018" selected="selected">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option></select>
</div>

jQuery：

jQuery('[name=tourtax] option[value=2018]').hide();

这是代码并不能帮助我从下拉菜单中隐藏2018。请帮助我

Answer 1

有两件事：

所选内容的name是tourtax[pa_ar]，而不仅仅是tourtax。并且由于其中包括[]，因此您需要将名称的值放在引号中。
由于选项的值以数字开头，因此最好将要匹配的值用引号引起来。
并非所有平台都允许您隐藏 option元素，但是您可以remove它们。

同时做这三件事：

jQuery('[name="tourtax[pa_ar]"] option[value="2018"]').remove();

<div class="form-field-select"><select name="tourtax[pa_ar]">
<option value="0">Välj år</option>
<option value="2018" selected="selected">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option></select>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

如果不首先选择它，则可以隐藏它，但是它不能在IE11中工作（在Chrome和Firefox中工作）：

jQuery('[name="tourtax[pa_ar]"] option[value="2018"]').prop("selected", false).hide();

<div class="form-field-select"><select name="tourtax[pa_ar]">
<option value="0">Välj år</option>
<option value="2018" selected="selected">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option></select>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 2

可以，但是您必须从中删除所选属性。

$(document).ready(function(){
$("[name='tourtax[pa_ar]'] option[value='2018']").hide();
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-field-select"><select name="tourtax[pa_ar]" >
<option value="0">Välj år</option>
<option value="2018" selected="selected">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option></select>
</div>

Answer 3

如果您的name属性不是常量，请尝试

   $("[name^=tourtax] option[value='2020']").remove();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-field-select">
  <select  name="tourtax[pa_ar]">
  <option value="0">Välj år</option>
  <option value="2018" selected="selected">2018</option>
  <option value="2019">2019</option>
  <option value="2020">2020</option>
  <option value="2021">2021</option>
  </select>
</div>

隐藏值=“ 2018”的选项标签

3 个答案: