0

以下のスパンに追加する必要があるユーザーが入力する値を持つ「task_alignment」の id を持つフィールドがあります。以下のコードの例では、スパンの値が 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>
4

3 に答える 3

0

スパンで入力値を表示するには、これを行うことができます

$('.edit_icon_trigger').on('click',function(){
  var value = $('input#task_alignment').val();
  $('.aligncode_start span').html(value);
});

このjsfiddleでテストできます

http://jsfiddle.net/xBFKU/

于 2012-10-07T19:10:10.770 に答える
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 の例

于 2012-10-07T19:26:01.237 に答える
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>

于 2012-10-07T19:28:21.783 に答える