Question

    $("#new_question").click(function() {
    $("#popup_nm").trigger("click");
    $(".modal-title").html("Soru-Yanıt Ekle");
    var pc_1 = '<form id="test" class="text-center" onsubmit="return false;">';
    var pc_2 = '<div id="div_question" class="form-group"><input id="faq_question" class="form-control" type="text" name="faq_question" placeholder="Soru" /></div>';
    var pc_3 = '<div id="div_answer" class="form-group"><textarea id="faq_answer" class="form-control" name="faq_answer" placeholder="Yanıt"></textarea></div>';
    var pc_4 = '<div class="form-group"><button class="btn btn-primary" onclick="$.save_faq();">Kaydet</button></div></form>';
    $(".modal-body").html(pc_1 + pc_2 + pc_3 + pc_4); 
});

$.save_faq = function() {
    var question = $("#faq_question").val();
    console.log(question);
}

我已动态添加表单，但输入值始终为空。我尝试$("input[name=faq_question]).val()并且它也返回空，我也尝试序列化表单，我得到输入名称，但值也是空的。我该如何解决这个问题？

Answer 1

我没有看到任何错误，请检查代码段（点击锚点并在表单中输入内容然后提交）。

我在您提交表单时添加了$("#test").submit(function(){});来致电$.save_faq。

＆＃13;

$("#new_question").click(function() {
    var pc_1 = '<form id="test" class="text-center" onsubmit="return false;">';
    var pc_2 = '<div id="div_question" class="form-group"><input id="faq_question" class="form-control" type="text" name="faq_question" placeholder="Soru" /></div>';
    var pc_3 = '<div id="div_answer" class="form-group"><textarea id="faq_answer" class="form-control" name="faq_answer" placeholder="Yanıt"></textarea></div>';
    var pc_4 = '<div class="form-group"><button class="btn btn-primary" onclick="$.save_faq();">Kaydet</button></div></form>';
    $(".modal-body").html(pc_1 + pc_2 + pc_3 + pc_4); 
});
$.save_faq = function() {
    var question = $("#faq_question").val();
    console.log(question);
}
$("#test").submit(function(){
  $.save_faq();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id = "new_question">click</a>
<div class = "modal-body"></div>

＆＃13;

动态输入值为空

1 个答案: