Question

所以我使用jquery来检测表单中ID元素的变化，如下所示：

$(document).ready(function(){
    $('#ID_a').change(function(){
        if(<<<some condition>>>){
            $('#ID_a').append(<<<more info>>>)
        }
    })
});

但我发现我的网站访问者没有看到附加内容，因为他们没有点击ID元素，因为它是我表单中的最后一个字段。他们只是点击提交按钮。我该怎么做才能帮助他们查看附加内容，这些内容是在表单上请求其他信息的新字段？（除了完全重新设计我的表格）

Answer 1

您可以使用其中一个关键事件（例如keypress或keydown）在输入任何内容后立即显示字段。

Answer 2

您可以使用focus作为输入字段的一个选项，因此如果他们开始输入数据，您可以附加内容。

Answer 3

在表单中添加.submit事件：

$(document).ready(function() {
  var appendedText = false;

  function appendFormContent( elem ) {
     elem.append('some text');
     appendedText = true;
  }

  $('#the-form').submit(function() {
    if( !appendedText ) { 
      // content not appended
      appendFormContent( $('#some-id') );
      return false;
     }
  });

  $('#some-option').change(function() {
    appendFormContent( $('#some-id') );
  });

});

jquery改变功能的替代方案

3 个答案: