0

再一次，我在使用 Jquery 时遇到了问题（不过我正在变得更好！），我正在尝试拥有它，所以当我更改“”选项卡的选定选项时，它会显示一个相关的输入到所选选项并隐藏所有其他选项。

这就是我到目前为止所得到的；

    <script type='text/javascript'>
$(document).ready(
    function()
    {
      $('select').prop("selectedIndex", -1);
      var showSomeClass = $('#placeholder_type').val();
      $('#changling').children().addClass('hidden');
      if($('#changling').children().attr('id') == showSomeClass)
      {
          $(this).removeClass('hidden');
      }
      else
      {
          $(this).addClass('hidden');
      }
    });
</script>

但它并没有完全弄清楚我想要它的方式......我认为这可能与我像 PHP 而不是 Javascript 一样来做这个的事实有关。

4

1 回答 1

0

您可以将.change()事件绑定到<select>元素，例如：

$(document).ready(function() {
    // Hide all #changling children onload
    $('#changling > input').addClass('hidden');

    // Bind change event to <select> element
    $('#placeholder_type').change(function() {

        // Hide everything first
        $('#changling > input').addClass('hidden');

        // And then decide which one to display
        var opt = $('#placeholder_type option:selected').val();
        $('#changling').children('#' + opt).removeClass('hidden');
    });
});

注意：我在您的“stars”和“ship”输入字段中添加了一个占位符属性，以便您可以看到选择选项确实显示了相关的输入字段:)

在此处查看更新的小提琴 - http://jsfiddle.net/teddyrised/dFhz5/3/

于 2013-09-22T18:11:29.667 回答