点击后加载html时如何动态设置输入值?

时间:2017-08-24 01:46:55

标签: javascript jquery html forms handlebars.js

所以我有一堆p元素在点击时调用redo函数。

如您所见,我在点击时将任务[q]模板加载到.form div上。可以加载的每个模板都是先前提交的表单,用于将值发送到对象。

单击P元素时,想法是重新呈现表单,使用户能够修改对象中的值。

现在我只是通过设置收入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);
}

1 个答案:

答案 0 :(得分:0)

在这里,您将使用示例解决方案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" />
&#13;
&#13;
&#13;

对于将值设置为(paragraphdiv)之类的元素,请使用.html.text并使用input textbox {{1} }}

希望这有助于您实现解决方案。