無法從動態創建的隱藏輸入字段中獲取價值

Question

我得到了一個在ajax調用后動態添加到頁面上的元素，該元素在其中具有隱藏的輸入字段：

<div id='added_title'>
<b>Title</b> 
<input type='hidden' id='title_n' name='title_n' value='TITLE_NAME'/>
</div>

在ajax調用之后，我需要獲取輸入字段值以在另一個div中顯示它，但是沒有任何事件或單擊，就在ajax調用完成之后。

我試過了：

$("input[name='title_n']").val();
$("input[id='title_n']").val();
$("#title_n").val()
$("#added_title input[name='title_n']").val();

我也嘗試使用如下數據屬性：

<div id='added_title' data-title = 'TITLE_NAME'>
    <b>Title</b> 
    </div>

通過以下方式訪問數據：

$('#added_title').data('title');

但是我總是得到“未定義”的值。

有什么建議嗎？

編輯

Ajax呼叫：

$.ajax({
    type: 'POST',
    url: '/tools/get_title.php',
    data:  { title: title},
        success: function (response) {
            $("#title_div").html(response);
        }
});

其中，“ title_div”是“ parented_title”父級的ID。

Answer 1

$("#title_n").val()是獲得所追求的價值的最快，最簡單的方法。

您上面的代碼的問題在於，將觸發$.ajax調用，然后代碼繼續執行，包括對隱藏輸入的調用。

然后$.ajax調用完成並觸發成功事件，該事件將所述元素放在頁面上。

在$ .ajax調用完成之前，您不能對隱藏元素進行任何操作，因此您應該讓代碼在$.ajax調用success函數中調用的函數中處理該元素。