单击按钮后从jQuery检索文本到HTML

Retrieve text from jQuery to HTML after clicking button

本文关键字:文本 HTML 检索 jQuery 按钮 单击      更新时间:2023-09-26

我是HTML和jQuery的学习者。尝试将文本从 jquery 检索到 html

JQuery:单击按钮后返回文本框值。

$('#value').click(function() {
    var value = $("#test").val();
    return value;
    });

HTML:键入文本并单击按钮。

<input type="text" id= "test" title="details/>
<input type ="button" id="value" value ="Detail" /> 
<!-- any suggestions how to get the stored value from jquery to html --!>

有没有办法将文本值从jquery返回到HTML代码,以便我可以在单击提交按钮后进行一些操作。

您能否提供任何建议。

我不确定你想做什么?如果我基本上理解正确;您已经登陆了第 1 页的页面(第 1 页),那里有一个带有值(隐藏与否)的元素,当单击按钮时,它会落入一个空文本框?例如

<p>Is your name <span id="name">John</span>?</p>
<br/>
<button id="yes_get_name" value="submit">Yes</button>
<input type="text" id="insert_tname" name="name" value=""/>
<script type="text/javascript">
$( document ).ready(function() {
    // Trigger function when Button Clicked
   $( "#yes_get_name" ).click(function() {
   // Assigne Name as a variable
   var name;
   // Assign Value of Name as text of span id="Name"
   var name = $('#name').text()
   // Insert names value into input
   $("#insert_tname").val(name);
   });
});
</script>

我希望这有所帮助。除此之外,我可能会误解这个问题。这是屋顶上的一个jsfiddler进行测试。

是的,您可以使用以下内容写回文本框:

$("#test").val("something");