<div class="chat-input-holder">
<textarea class="chat-input"></textarea>
<input type="submit" value="Send" class="message-send"/>
</div>
單擊提交按鈕后如何在 textarea 欄位中檢索資料。使用jquery，ajax？
uj5u.com熱心網友回復：
此代碼應該可以作業：
function getdata(Event){
Event.preventDefault()
let chatInput = $('#chat-input').val();
$('#result').text(chatInput)
}
$('#message-send').click(getdata);<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<form class="chat-input-holder"> <!-- replace div with form -->
<textarea class="chat-input" id="chat-input"></textarea>
<input type="submit" value="Send" id="message-send" class="message-send"/>
</form>
<p> for the example we will place the text on the div bellow. but use the data however you like</p>
<div id='result'>
</div>請注意，我將 div 標簽更改為表單標簽，并添加了一些 ID。
uj5u.com熱心網友回復：
您可以在這里找到使用 jQuery 的解決方案。輸出當前存盤在divwith 中id="out"，您可以自定義代碼。
document.forms["chat-input-holder"].addEventListener('submit', e => {
e.preventDefault();
let text = $(".chat-input").val();
$("#out").html(text);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="chat-input-holder">
<textarea class="chat-input"></textarea>
<input type="submit" value="Send" class="message-send"/>
</form>
<div id="out"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/419458.html
標籤：