Question

我正试图找到在选择小部件中显示与特定选项相对应的文本的最佳方式。我想我可以用文本填充多个div，每个div对应于select小部件中的一个选项，并在最初用“display:none”设置它们。然后使用Jquery，我会将特定的div取消设置为“display:none”，这取决于选择了哪个选项。然而，我是Jquery的新手，不知道从哪里开始。有人能为我指明正确的方向和/或就更好的方法给我建议吗？

Answer 1

我通常这样解决问题

<select id="select">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

<div class="my-div-class" id="my-div-id-1">blah 1</div>
<div class="my-div-class" id="my-div-id-2">blah 2</div>
<div class="my-div-class" id="my-div-id-3">blah 3</div>

然后我将执行这段jquery代码

$( #select ).change(function() {
  $( .my-div-class:visible ).hide();
  $( #my-div-id-  + $( #select ).val()).show();
});

这些只是例子。你可以随心所欲地概括。。。

友情链接