javascript - 在选项选择上显示一个 div

Question

我有一个选择菜单(下拉列表)。

<select>
  <option id="one" value="something">Car</option>
  <option id="two" value="anything">Plane</option>
</select>

& 位于我页面某处的以下 div。

<div id="somediv">This is a string.</div>

我想在选择菜单的第二项时显示上面的 div (id="two")。

我有 2 个问题:(1) 默认隐藏此 div 的最佳方法是什么？我只会将 display:none; 添加到它的样式中，但也许有更好的解决方案？ (2) 如何在选择id="two" 选项时显示div？任何答案将不胜感激。

Answer 1

所以我编写了一个简单的 jquery 脚本来执行您描述的操作。让我知道它是否解决了您的问题。您也可以使用 javascript 执行此操作，但我认为 jquery 可以很好地处理这个问题。 http://codepen.io/Francisco104/pen/vEPRgp

$('select').change(function(){
  decide($(this));
});
var decide = function (elem) {
    var touch = elem;
  if (touch.val() === 'anything') {
   return $('#somediv').css('display', 'block');
  }
};