[英]how to edit label value after clicking on a href with javascript?
i have: 我有:
<tr>
<td align="left">Phonenr:</td>
<td align="left"><b>
<label style="color: #662819;" id="phone">911</label>
</b></td>
<td><a href="#">Change phone</a></td>
</tr>
how can i edit phonenumber after clicking on a href="#" and changing(which way?) label into textfield/box? 单击href =“#”并将标签更改为(哪种方式)文本框/框后,如何编辑电话号码?
Based on Change Label to Textbox on edit hyperlink click 在编辑超链接的基础上,将“将标签更改为文本框”单击
$(function() {
$('a.edit').on("click",function(e) {
e.preventDefault();
var dad = $(this).parent().parent();
var lbl = dad.find('label');
lbl.hide();
dad.find('input[type="text"]').val(lbl.text()).show().focus();
});
$('input[type=text]').focusout(function() {
var dad = $(this).parent();
$(this).hide();
dad.find('label').text(this.value).show();
});
});
Try: 尝试:
$('tr a').click(function() {
var label = $(this).parent().prev().find('label');
label.replaceWith('<input type="text" value="211"/>');
return false;
});
if more then one tr have a tag then you should put id on a or on tr. 如果一个tr带有标签,则应在id或tr上放置id。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.