Question

我正在学习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代码，这样我就可以在点击提交按钮后进行一些操作。

您能否提供任何建议。

Answer 1

我不确定你想做什么？如果我基本上理解正确的话;你已经登陆了第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。

Answer 2

是的，您可以使用以下内容写回文本框：

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

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

2 个答案: