如何獲得滿意的跨度文本？

Question

我在我的樹枝模板中有一個窗體，其中包含一個可滿足的跨度。我想獲得新的文本並將其附加到span，所以當表單被submited時它包含新文本。

這裏是我的HTML表單：

<form action="{{ path('change') }}" method="post"> 
    <span name="profil" class="profil" contenteditable="true">{{ prof.libel }}</span> 
    <button name="change" type="submit"> 
    </button> 
</form> 

這是我的jQuery腳本：

<script> 
    $(document).ready(function() { 
     $('span.profil').change(function() { 
      $text = $(this).text(); 
      $(this).append(document.createTextNode($text)); 
     }); 
    }); 
</script> 

Answer 1

span元素有沒有這樣的change事件。您應該在BUTTON的click事件或FORM的submit事件中捕獲範圍的文本，例如，

$('#theForm').on("submit", function() { 
    var text = $('span.profil').text(); 
    // or $('span.profil')[0].innerHTML; 
}); 

// or... 
$('#theButton').on("click", function() { 
    var text = $('span.profil').text(); 
}); 

參考：本div，span，和其他人實現不具有對change事件的交互HTMLElement接口。檢查支持處理change event的元素。