Javascript 如何使div仅在选择列表中的特定项时显示

我得到了这个密码：

<form>
<select name="lelel">
  <option value="x">x</option>
  <option value="xx">xx</option>
  <option value="xxx">xxx</option>
</select>
</form>
<div id="divid">
  LALALALALA
</div>

x
xx
xxx
拉拉拉拉

我的问题是，我可以让div“divid”不可见，然后当用户选择xxx选项时，div就会出现。

$（'[name=lelel]'）。更改（函数（）{
如果（this.value='xxx'）{
$（'#divid'）.show（）；
}否则{
$（'#divid'）.hide（）；
}
});
#divid{display:none；}

x
xx
xxx
拉拉拉拉

$（'[name=lelel]'）。更改（函数（）{
如果（this.value='xxx'）{
$（'#divid'）.show（）；
}否则{
$（'#divid'）.hide（）；
}
});
#divid{display:none；}

x
xx
xxx
拉拉拉拉
如果要根据用户选择显示/消失多个div，您可以使用JS代码在gibberish的答案上展开来执行以下操作

$('select').change(function(){
  var chosen_one = $(this).value();
  $('.toShow').hide();
  $('#'+chosen_one).show();
})

然后，您可以为所有将显示/隐藏的div指定一个
toShow
类，并将其设置为
display:none。然后，当你添加更多的选项/div时，你不必修改你的JS或CSS
如果你打算根据用户选择出现/消失多个div，你可以在gibberish的答案上扩展JS代码来完成下面的操作

$('select').change(function(){
  var chosen_one = $(this).value();
  $('.toShow').hide();
  $('#'+chosen_one).show();
})

然后，您可以为所有将显示/隐藏的div指定一个
toShow
类，并将其设置为
display:none。然后，当您添加更多选项/div时，您不必修改JS或CSS
是否允许使用jquery/JS？用javascript编写一个函数，在更改时更改div的CSS您想专门使用PHP吗，因为胡言乱语的javascript答案是正确的答案。（并为您保存一个POST请求）是的，我可以使用Javascript。POST请求已被使用，我没有在这里指定，但在我的代码中，我有php form method=post，如果这就是你所说的……你可以使用jquery/js吗？用javascript编写一个函数，改变div on change的css你想专门使用php吗，因为用Gibberish给出的javascript答案是正确的答案。（并为您保存一个POST请求）是的，我可以使用javascriptThe POST请求已经被使用，我没有在这里指定，但在我的代码中我有php form method=POST，如果这就是您所说的……我猜当您取消选择时，它必须再次消失，可能应该是一个切换，添加else{$（'#divid'）。hide（）；}？当他取消选择时，我如何使它消失我猜当您取消选择时，它必须再次消失，可能应该是一个切换，添加else{$（'#divid'）.hide（）；}？当他取消选择时，我如何使它消失D