Question

如何根据jQuery的下拉选择隐藏DIV或其他任何东西（具有类或ID）？

例如：

<div id="example">
   <select>
      <option vlaue="1">paris</option>
      <option vlaue="2">new yourk</option>
      <option vlaue="3">oslo</option>
   <select>

   <div class="abc">hello</div>
   <div id="xxx">i'm happy</div>
</div>

如果我选择“巴黎”，则带有id=xxx的div必须消失。我该怎么办？

Answer 1

将更改事件用于您的选择，然后通过语句检查是否已选择“巴黎”选项的值，使用“隐藏”功能隐藏div

 $('#exemple select').on('change', function() {
  if( this.value == 1){
    $("#xxx").hide();
  }
});

Answer 2

您在输入值和div结束时有一些错字。修复这些问题后，您可以像下面这样编码。

$(document).on('change','select',function(e){
	if($("option:selected").val() == 1){
    $('.abc').hide();
  }else{
    $('.abc').show();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="exemple">
<select>
<option value="1">paris</option>
<option value="2">new yourk</option>
<option value="3">oslo</option>
<select>

<div class="abc">hello</div>
<div id="xxx">i'm happy</div>

</div>

Answer 3

data-hide属性具有要隐藏元素的css-path。

所有相关元素（select内的数据隐藏属性）将显示为期望选中的元素。

$("select").on("change", function () {
  $(this).find(">option[data-hide]").each(function () {
    $($(this).data('hide')).show();
  });
  if (typeof $(this).find(':selected').data("hide") !== "undefined") {
    $($(this).find(':selected').data("hide")).hide();
  }
}).trigger("change")

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="exemple">
<select>
<option vlaue="1">paris</option>
<option vlaue="2" data-hide="#xxx">new yourk</option>
<option vlaue="3" data-hide="#xxx2">oslo</option>
<select>

<div class="abc">hello</div>
<div id="xxx">i'm happy</div>
<div id="xxx2">i'm normal</div>

</div>

Answer 4

 if (e.IsMainFrame)
 {
      int x = 100;
      int y = 10;
      Dispatcher.BeginInvoke(new Action( ()=> {
          browser.MouseMove(x, y);
       }
 }

隐藏textarea，div＃id，div，其类取决于下拉选择

4 个答案: