jquery - HTMLTextAreaElement.onchange

Question

我的代码很长，但我会保持很短，我正在创建一个具有编辑文本内容的 div，当我按下编辑时，div 变得不可见并且文本区域出现，然后如果我们对其进行更改，它会触发执行函数更新的 onchange，这是第一次发生，但如果我尝试第二次这样做时，它给我错误，更新函数不存在，让我展示一些代码。

HTML

<textarea id='input_val_q' style='width:350px;height:50px;' onchange='update(q)' autofocus></textarea>

JS

function update(hint) {
  update = $('#input_val_' + hint + '').val(); 
  $.ajax({
    type: "POST",
    url: "profile/update_data/" + hint + "",
    data: {
      data: update
    },
    cache: false,
    success: function(html) {
      $('#material_' + hint + '').html(update);
    }
  }); 
}

Answer 1

您正在用变量覆盖该函数。查看问题区域

function update(hint) {
   update = $('#input_val_' + hint + '').val(); 
 //^^^^^

因此您会收到错误。您只需重命名变量即可。

function update(hint) {
    var text = $('#input_val_' + hint + '').val();
    $.ajax({
        type: "POST",
        url: "profile/update_data/" + hint + "",
        data: {
            data: text 
        },
        cache: false,
        success: function(html) {
            $('#material_' + hint + '').html(text );
        }
    });
}