1

divをクリックすると、テキストボックスに表示され、編集ボタンで編集可能になるはずです ajaxコードは何ですか私はphpでこれを行いましたが、ajaxでこれを行いたいです

<script>
function edit()
{

            $.ajax({

            });
}
</script>
<div id="edit1" name="edit1">edit1</div>
<div id="edit2" name="edit2">edit2</div>
<div id="edit3" name="edit3">edit3</div>
<input type="text" id="text"/>
<button onclick="edit(this.value)">Edit</button>
4

2 に答える 2

2

デモ

    <div>when clicked on the div it should be displayed on textbox 
and it should be editable on edit button what should be the ajax code 
i have done this with php but want to do this with ajax</div>

JS:

function divClicked() {
    var divHtml = $(this).html();
    var editableText = $("<textarea />");
    editableText.val(divHtml);
    $(this).replaceWith(editableText);
    editableText.focus();
    // setup the blur event for this new textarea
    editableText.blur(editableTextBlurred);
}

function editableTextBlurred() {
    var html = $(this).val();
    var viewableText = $("<div>");
    viewableText.html(html);
    $(this).replaceWith(viewableText);
    // setup the click event for this new div
    viewableText.click(divClicked);
}

$(document).ready(function() {
    $("div").click(divClicked);
});
于 2013-10-18T05:42:05.757 に答える
1

テキストボックスでdiv値を取得するには、以下のjqueryを試してください：

$('div').click(function(){
    $('input').val($(this).text());
});

次に、ajax 呼び出しを使用してテキストボックスを更新できる baseof で。

于 2013-10-18T05:42:40.603 に答える