我有一个id为“task_alignment”的字段,其中包含用户将要输入的值,需要将其添加到下面的范围中。例如,在下面的代码中,span的值为12 ..我似乎无法使其工作。
<tr>
<td> Aligned To </td>
<td class="task_table_item_last">
<input type='text' size='95' id='task_alignment' name='task_alignment' value='<?php echo $task_alignment; ?>'>
</td>
<td class="edit_taskicon"><img class="edit_icon_trigger" src="img/add.png"></td>
</tr>
<tr>
<td></td>
<td class="aligncode_start">
<span>12</span>
</td>
</tr>
我尝试过使用下面的代码,但它没有做任何事情:
<script>
$(document).ready(function() {
var $aligncode_newitem = $('<span id="aligncode_newitem">'#task_alignment '</span>'),
$('.edit_icon_trigger').click(function() {
$("#task_alignment").clone(aligncode_newitem);
});
});
</script>
答案 0 :(得分:0)
要以span显示输入值,您可以执行此操作
$('.edit_icon_trigger').on('click',function(){
var value = $('input#task_alignment').val();
$('.aligncode_start span').html(value);
});
你可以在这个jsfiddle中测试
答案 1 :(得分:0)
尝试:
$('.edit_icon_trigger').click(doit);
$('#task_alignment').keypress(function() {
if (event.which == 13) {
event.preventDefault();
doit();
}
});
function doit() {
$("td.aligncode_start").html($("td.aligncode_start").html() + ' <span>' + $('#task_alignment').val() + '</span>');
$('#task_alignment').val('').focus();
}
<强> jsFiddle example 强>
答案 2 :(得分:0)
如果我的理解符合您的要求,您需要在输入文本中输入的td类aligncode_start下向SPAN添加“n”号,对吧?如果是这样,请检查以下代码:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="../Scripts/jQuery/jquery-1.7.2.js"></script>
<script type="text/ecmascript">
$(document).ready(function () {
$(".edit_icon_trigger").live("click", function () {
$(".aligncode_start").append("<span>" + ($("#task_alignment").val()) + "</span>");
});
});
</script>
<div>
<table>
<tr>
<td>Aligned To </td>
<td class="task_table_item_last">
<input type='text' size='95' id='task_alignment' name='task_alignment'>
</td>
<td class="edit_taskicon">
<img class="edit_icon_trigger" src="img/add.png"></td>
</tr>
<tr>
<td></td>
<td class="aligncode_start">
<span>12</span>
</td>
</tr>
</table>
</div>
</form>