簡體   English   中英

在同一頁面中將文本區域中的數據發布到DIV標簽

[英]Post data from textarea to DIV tag in same page

嗨,我試圖將數據從“文本區域”發布到DIV標簽。 但是它不起作用。 請幫幫我。 以下是我的代碼

<html>

<head>

<script>

function load()
{
var a=document.getElementById('txtarea').value;
var xmlhttp;
if (window.XMLHttpRequest)
  {
    xmlhttp=new XMLHttpRequest();
  }
else
  {
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
    xmlhttp.onreadystatechange=function()
    {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    }
xmlhttp.open("POST","one.php"+a,true);
xmlhttp.send(); 
}
</script>
</head>
<body onload="load()">
<textarea id='txtarea'>
    default
</textarea>
<div name="myDiv" id="myDiv">
    In Div Tag
</div>
</body>
</html>

一個.php

<?php
echo "Hello World";
?>

在上面的html文件中,我試圖獲取one.php的值以及textarea中的文本。 但是我無法在文本區域中獲取該值。xmlhttp.open(“ POST”,“ one.php” + a,true); 我在這里+ a附加textarea的值,但未附加,請提供一些解決方案幫助

URL的結構不正確。

xmlhttp.open("GET",""one.php?YourQueryString="+a,true);
xmlhttp.send();

盡管您的查詢沒有多大意義,但是在xmlhttp.open()中,您需要一個適當的URL來發送請求。 您可以將textarea值添加為查詢參數,然后嘗試:

xmlhttp.open("POST","one.php?val="+a,true);

但我看不到您的AJAX語法正確

jQuery 拖放數據來自<div>標記為<textarea><i>tag</div></i><b>標簽</div></b></textarea><div id="text_translate"><p> 我正在研究,但我沒有辦法解決這個問題:</p><p> 我想將數據從<div>標簽拖放到<textarea>標簽, <textarea> textarea> 中的值將更改為 position,我將<div>標簽放在那里。</p><p> 示例:value1 -> 我將<div class="btn btn-info draggable">value1</div>拖到 < <textarea>Type something</textarea> -> 更改為<textarea> Type value1 something</textarea></p><p> 這是我當前的代碼: </p><p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"><div class="snippet-code"><pre class="snippet-code-js lang-js prettyprint-override"> $(document).ready(function () { $(".draggable").draggable({ revert: true, helper: 'clone', start: function (event, ui) { $(this).fadeTo('fast', 0.5); }, stop: function (event, ui) { $(this).fadeTo(0, 1); } }); $("#MessageArea").droppable({ hoverClass: 'active', drop: function (event, ui) { this.value += " *" + $(ui.draggable).text() + "* "; }, }); });</pre><pre class="snippet-code-html lang-html prettyprint-override"> <fieldset> <legend>Data Area</legend> <div class="btn btn-info draggable">value1</div> <div class="btn btn-info draggable">value2</div> </fieldset> <br /> <div class="form-group"> <textarea id="MessageArea">Type something</textarea> <br /> <input type="button" class="btn btn-warning" value="CLEAR" onclick="$('#MessageArea').val('');" /> </div></pre></div></div><p></p></div></div>

[英]jQuery Drag & Drop data from <div> tag to <textarea> tag

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 jQuery 拖放數據來自<div>標記為<textarea><i>tag</div></i><b>標簽</div></b></textarea><div id="text_translate"><p> 我正在研究,但我沒有辦法解決這個問題:</p><p> 我想將數據從<div>標簽拖放到<textarea>標簽, <textarea> textarea> 中的值將更改為 position,我將<div>標簽放在那里。</p><p> 示例:value1 -> 我將<div class="btn btn-info draggable">value1</div>拖到 < <textarea>Type something</textarea> -> 更改為<textarea> Type value1 something</textarea></p><p> 這是我當前的代碼: </p><p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"><div class="snippet-code"><pre class="snippet-code-js lang-js prettyprint-override"> $(document).ready(function () { $(".draggable").draggable({ revert: true, helper: 'clone', start: function (event, ui) { $(this).fadeTo('fast', 0.5); }, stop: function (event, ui) { $(this).fadeTo(0, 1); } }); $("#MessageArea").droppable({ hoverClass: 'active', drop: function (event, ui) { this.value += " *" + $(ui.draggable).text() + "* "; }, }); });</pre><pre class="snippet-code-html lang-html prettyprint-override"> <fieldset> <legend>Data Area</legend> <div class="btn btn-info draggable">value1</div> <div class="btn btn-info draggable">value2</div> </fieldset> <br /> <div class="form-group"> <textarea id="MessageArea">Type something</textarea> <br /> <input type="button" class="btn btn-warning" value="CLEAR" onclick="$('#MessageArea').val('');" /> </div></pre></div></div><p></p></div></div> 發布到同一頁面但清除文本區域 使用POST將數據從一個文本區域傳遞到另一頁上的另一文本區域 Javascript-將HTML標記從textarea替換為div 將 textarea 中的數據附加到 div 將Enter作為新行從textarea標記轉換為div標記 如何將數據從 scala 發送到 Html 頁面中的特定 div 標簽 如何從一頁發布表單數據並在同一頁面上檢索? 從單選按鈕和div到textarea javascript的數據 如何在同一頁面的div標簽中打開鏈接?
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM