Jquery在输入更改时自动保存

Jquery autosave when input change

本文关键字：保存 输入 Jquery      更新时间：2023-09-26

在我的CMS（Wordpress）系统中，我将使用颜色选择器。

<tr valign="top">  
  <th scope="row"><?php esc_html_e('Omlijning', 'webthesign'); ?></th> 
  <td valign="middle">
    <input type="text" id="headerBorderColor1" style="background-color: #<?php echo get_option('we_header_border_color'); ?>" maxlength="6" size="8" value="<?php echo strtoupper(get_option('we_header_border_color')); ?>" name="update_headerBorderColor" />
  </td>
</tr>                          
<script>
 $(document).ready(function(){
   $('input[name=update_headerBorderColor]').change(function () { 
     var statusVal = $(this).val();
     $.ajax({ type: "POST",
              url: "<?php echo $autosave_link; ?>",
              data: "update_headerBorderColor=" + statusVal,
              success: function({
                $('.success_update_headerBorderColor').fadeIn(200).delay(1000).fadeOut(500);} 
            })
    });
  });
</script

在脚本代码中，我将使用自动保存选项。当我点击输入字段时，我会得到一个带有颜色选择器的弹出窗口。问题是我需要什么函数来自动保存这个脚本。当我使用：

$('input[name=update_headerBorderColor]').change(function () {

change函数不适用于colorpicker，因为我没有输入。当我手动更改输入时，例如FFF，则更改功能运行良好。

有人帮我吗？

谢谢！

您必须在颜色选择器上使用回调，将所选颜色设置回文本字段。将此函数作为回调的一部分调用，它应该可以解决问题。

相关文章：