Question

我在我正在构建的网站中使用以下编码，而不是显示是否选择了一个选项的文本输入字段，如果用户也选择了其他选项，我是否需要显示？

例如oit当前显示文本输入字段，如果用户从选择菜单中选择选项2但是如果用户在选择菜单中选择选项4则需要显示，下面是我的jfiddle代码到目前为止

当在选择菜单中选择国内+时，它当前显示额外的文本输入字段，但在下拉菜单中选择商业时需要显示文本输入字段

我在stackoverflow上发现了类似的内容，请参阅下面的链接

<http://stackoverflow.com/questions/21007591/using-jquery-to-hide-form-elements-based-on-selected-dropdown-option/33055467#33055467>

<http://jsfiddle.net/gxxkdz2m/2/>

提前谢谢

伊恩

Answer 1

这是什么意思？我添加了注释，解释了我更改它的代码。

$(document).ready(function () {
  $('#support select[name="support_plans"]').change(function () {
    // get selected plan value
    var plan = $('#support select[name="support_plans"] option:selected').val();
    // check whether 'Domestic+' or 'Commercial+' is selected
    if (plan == 'Domestic+' || plan =='Commercial+') {
          $('#extra').show();
      } else {
          $('#extra').hide();
      }
  });
});

我的版本的小提琴（更新你的小提琴）。

http://jsfiddle.net/gxxkdz2m/4/

Answer 2

使用此javascript代码：

$(document).ready(function () {
  $('#support select[name="support_plans"]').change(function () {
    if ($('#support select[name="support_plans"] option:selected').val() == 'Domestic+') {
        $('#extra').css('display', 'inline');
    } else {
        $('#extra').css('display', 'none');
    }
  });

}）;

javascript显示文本输入字段

2 个答案: