Question

我想在输入字段中有一个选择选项，我希望在单击时显示“保存”按钮。它将是一个电子邮件地址表，用户可以从“完全权限”更改为“只读”，并且一旦他们选择更改设置，他们就可以单独保存。

因此，您单击选择选项 - 保存按钮淡入 - 一旦您单击保存按钮，该按钮将再次淡出。

  <td>
          <div class="input-group input-group-sm">
            <select class="form-control reveal" show-class="show-save">
              <option <%= "selected" if !rights.include?("View") %>>Read Only</option>
              <option <%= "selected" if rights.include?("View") %>>Full Rights</option>
            </select>
          </div>
        </td>
        <td>
          <button type="submit" id="set_permissions_submit" class="save show-save btn btn-primary btn-sm">Save</button>
        </td>

<script type="text/javascript">

$(function () {
  $('.save').hide();

  $('.reveal').focus(function() {
      $('.save').hide();
      $("."+$(this).attr('show-class')).show();
  });

  $('.submit').blur(function() {
      $('.save').hide();
  });
});
</script>

我从上面的代码中设法实现的是，一旦您单击选择选项并且它被聚焦，就会出现一个保存按钮。但是当输入字段没有聚焦时它会消失，而不是一旦点击保存就会消失。

任何人都能帮助解决我无法实现的问题吗？

谢谢，夏兰

Answer 1

它会消失，因为你在blur事件中隐藏它：

$('.submit').blur(function() {
    $('.save').hide();
});

您只有一个保存按钮，其中包含save和show-save个类。

如果您想在点击后隐藏按钮，请执行以下操作：

$('.save').click(function() {
    $('.save').hide();
});

单击“输入”字段时会出现“保存”按钮

1 个答案: