Question

我正在尝试从可编辑的段落和标题中发送数据，以便我可以在不同的页面上回显数据。

 <form id="Form" action="submit.php" method="post">
    <h2 id="heading" contenteditable="true">Your name here</h2>
    <p id="content" contenteditable="true">Your bio here</p>
  <input type="submit">
 </form

我可以从textarea / input发送数据，但我真的想学习如何从contenteditable发送数据。

有什么建议吗？

PS

我正在尝试避免样式输入

Answer 1

尝试使用选择器...

var contenteditable = document.querySelector('[contenteditable]'),
    text = contenteditable.textContent;

OR

console.log(jQuery('p[contenteditable="true"]').text());
console.log(jQuery('p[contenteditable="true"]').text() == ' ');
console.log(jQuery('p[contenteditable="true"]').text().charCodeAt(0));

但我建议只将段落和标题标签更改为输入标签。或者参考here。

Answer 2

Set<String> stationCodes=new HashSet<String>();
JSONArray tempArray=new JSONArray();
for(int i=0;i<yourJSONArray.size();i++){
   String  stationCode=yourJSONArray.getJSONObject(i).getString("stationCode");
   if(stationsCodes.contains(stationCode){
     continue;
   }
   else{
      stationsCodes.add(stationCode);
      tempArray.add(yourJSONArray.getJSONObject(i));
   }

}


yourJSONArray= tempArray; //assign temp to original

//here how you can sort it using utility above:
JSONArraySort.sortASCE(yourJSONArray,"distance");

这将总结出令人满意的领域。你也可以这样使用jQuery，addEventListener / attachEvent e.t.c.

E.g：

document.getElementById("form").onsubmit = function(e){
    e.preventDefault();
    var el = document.createElement("input");
    el.type = "hidden";
    el.value = document.getElementById("content").innerHTML;
    document.getElementById("form").appendChild(el);
    document.getElementById("form").submit();
}

我希望我能帮助一些......

Answer 3

您可以将p和h2更改为输入并将它们设置为无需输入，并且还需要将标记“name”传递给php。

我从未尝试将标记'name'放在表单内的p元素上，并检查它是否传递给php

从contenteditable <p>发送数据

3 个答案: