Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在事件后附加一个按钮_Jquery_Append - Fatal编程技术网

Jquery 在事件后附加一个按钮

Jquery 在事件后附加一个按钮,jquery,append,Jquery,Append,我想在从一个选项字段中选择一个选项后添加一个按钮。该按钮应在选项更改后立即显示 $document.readyfunction{ $option.changefunction{ $button.append单击提交; }; }; 选择一个 5-7 7-9 10-12 12-15 为什么不使按钮已经存在,但将其显示设置为无 style = "display: none;" 然后当选择该选项时,只需使其可见 $("button").show() 例如,您可以隐藏按钮 #submit_but

我想在从一个选项字段中选择一个选项后添加一个按钮。该按钮应在选项更改后立即显示

$document.readyfunction{ $option.changefunction{ $button.append单击提交; }; }; 选择一个 5-7 7-9 10-12 12-15
为什么不使按钮已经存在,但将其显示设置为无

style = "display: none;"
然后当选择该选项时,只需使其可见

  $("button").show()

例如,您可以隐藏按钮

#submit_button { display:none;}
然后,当检查某个内容时,只需显示它

  $('#field1').on('change', function() {
 $('#submit_button').show();

})

您可以在选择更改事件上动态添加按钮,如:

$'select'。在'change'上,函数{ var r=$; $button.appender; } 一 二
由于所有其他答案都缺少一些东西,我建议:

使用正确的ID 切换现有按钮更有意义 注:我给了第一个选项一个它应该有的值 $function{ $field1.onchange,函数{ $submit_按钮。切换此。值!=; }.change;//加载时也会触发 }; 提交按钮{显示:无} 选择一个 5-7 7-9 10-12 12-15 提交
$option->$field1请更新我用main.CSS中的CSS为您制作的代码段-另外$button与$submit_button不同-请确保使用正确的ID而不是快捷方式。混合使用DOM和jQuery时,您的代码确实是无效的。jQuery只是一个实现相同功能的库,为什么混合使用它们是无效的?请保持一致,并在您的情况下编写有效的代码。由于您在jQuery对象上尝试了DOM访问,因此您的混合将永远无法工作。这将不允许在加载时显示按钮,也不允许在不选择任何内容时隐藏按钮。您的选择缺少一个请选择。我只是尝试根据OP的问题给出方法。无论如何,谢谢@mplungjan,但是为什么不使用OPs代码呢?您的代码现在无法工作