我将要编辑字段。当用户单击“编辑”时,我希望将信息转换为具有先前值的文本框,但我遇到了问题。下面的代码是我尝试过的。它提供HTML标记,而不显示文本框。我怎样才能做到这一点。谢谢你。
$(".edit").on('click',function(){
var name = $("#name").text();
var city = $("#city").text();
var mob = $("#mob").text();
var x = '<input type="text" value="' + name + '">';
$("#name").text(x);
$("#city").text("<input type='text' value='" + city + "'>");
$("#mob").text("<input type='text' value='" + mob + "'>");
});
<li class="list-group-item"> <b>Name:</b> <span class="inf" id="name">Some name</span> <span class="label label-info edit">Edit</span> </li>
<li class="list-group-item"> <b>Current City:</b> <span class="inf" id="city"> City name</span> </li>
<li class="list-group-item"> <b>Mobile Number:</b> <span class="inf" id="mob"> mobile number </span> </li>
使用.html()而不是.text()
$(".edit").on('click',function(){
var name = $("#name").text();
var city = $("#city").text();
var mob = $("#mob").text();
var x = '<input type="text" value="' + name + '">';
$("#name").html(x);
$("#city").html("<input type='text' value='" + city + "'>");
$("#mob").html("<input type='text' value='" + mob + "'>");
});
因为您希望在特定元素上使用html元素 .html()
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句