javascript - 获取在模态框内动态创建的 <input type ="text"> 的值

Question

我想获取 <input type="text"> 的值它是在模态中动态创建的，并将其放入变量“newcomment”中。这就是我进行输入的方式:

    var newcomment;
    var p = $("<p>");
    p.append("Some text");
    p.append("</p>");
    p.append("<input type='text'id='comment_text' value='Comment'"+"onblur=newcomment=$('#comment_text').val()"+" onfocus=if(this.value==this.defaultValue)this.value=''>"+"</input>");
    $("div.modal-body").append(p);

问题是当我在模式中的文本框中写下类似“ok”的内容时，并且在我从文本框中聚焦之后:newcomment似乎没有更新为“ok”并且仍然具有默认的“Comment”值。

Answer 1

第一:您需要使用 newcomment=this.value 而不是 newcomment=$('#comment_text').val()第二:当您不尝试通过将变量放入字符串来连接字符串时，无需在输入的 html 代码中添加 + 符号

var newcomment;
    var p = $("<p>");
    p.append("Some text");
    p.append("</p>");
    p.append("<input type='text' id='comment_text'  value='Comment' onblur='newcomment=this.value; alert(newcomment);' onfocus=if(this.value==this.defaultValue)this.value='' />");
    $("body").append(p);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>