javascript - 单击后加载 html 时如何动态设置输入的值？

Question

所以我有一堆 p 元素，它们在单击时调用重做函数。

如您所见，我在单击 .form div 时将 quest[q] 模板加载到它。这些可以加载的模板中的每一个都是以前提交的将值发送到对象的表单。

当 P 元素被点击时，我们的想法是重新呈现表单，让用户能够修改对象中的值。

现在我只是硬编码示例，您可以通过设置 income id 的值(这是我在 .form div 上呈现的模板输入的 id)看到的。

但是这是行不通的，所以当模板重新渲染时，输入空白中的值。

谁能帮我弄清楚如何获取输入值以显示先前提交的值？

function redo(q,elem){

    q=Number(q);
    console.log(q);
    if(q+1 != iterator){

    $('.form').load(quest[q]); 
    iterator=q+1;


    }
     var income = document.getElementById('income');
    income.value=1;   (this will be objectname.property);
}

Answer 1

这是一个示例解决方案 https://jsfiddle.net/1nxv2qhr/1/

$('p').click(function(){
  $("#income").text("This is a test message");
  $('#div1').html("This is a test message");
  $('#textbox1').val("This is a test message");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Click Me!!!</p>

<p id="income"></p>
<div id="div1"></div>
<input type="text" id="textbox1" />

如将值设置为一个元素，如(paragraph, div)，请使用.html或.text 和 input textbox 使用 .val

希望这能帮助您实现解决方案。