使用jquery用树枝值填充输入字段答案

【问题标题】：Fill input field, with twig value using jquery使用jquery用树枝值填充输入字段
【发布时间】：2015-06-02 17:02:26
【问题描述】：

我已经找了一段时间没有运气了。

我知道我的问题看起来很普通，并且在谷歌和这里有很多（如数百个）答案，但我的问题似乎还远未解决。

我有以下问题，我需要用树枝文件中的 silex 变量的值填充一个输入字段。

表格如下：

<span>Author: </span>
<input type="text" name="author" id="author" 
{% if user.getAuthorName %}value="{{user.getAuthorName}}"{% endif %} />
<span><a href="#" id="filler">Use your own username</a></span>

而js代码是：

<script>
  $(function(){
    $('#filler').live('click', function() {
      $("#author").val($("#author").text("{{user.getFirstName}} {{user.getLastName}}"));
    });
});
</script>

我遇到的问题是，代码确实有效，但是当我点击时，它仍然会用

[object Object]

而不是2个变量的实际值

我尝试将其更改为带有 id 的隐藏字段，并将变量设置为值，然后使用 .text($("#idfield").val())

仍然没有运气，仍然用

填充值

[object Object]

你们知道我在这里做错了什么吗？

【问题讨论】：

input 没有方法text() 你为什么还在使用live？
我以此为参考link

标签： javascript php jquery symfony twig

【解决方案1】：

你应该删除双重声明：

$("#author").val("{{user.getFirstName}} {{user.getLastName}}");

【讨论】：

确实谢谢@Dasein A 这成功了<script> $(function(){ $('#filler').live('click', function() { $("#author").val("{{user.getFirstName}} {{user.getLastName}}"); }); }); </script>

【解决方案2】：

这里是您的代码的一些清理版本，没有live，因为它已被弃用/删除。

$(function() {
    $('#filler').on('click', function(e) {
        e.preventDefault();
        //If your JS is parsed as a twig template then, you could use
        $("#author").val("{{user.getFirstName}} {{user.getLastName}}");
        //and remove the data-full-name from your HTML

        //If not, keep the data-full-name and use:
        $("#author").val($("#author").data("fullName"));
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span>Author: </span>
<input data-full-name="{{user.getFirstName}} {{user.getLastName}}" type="text" name="author" id="author" value="{% if user.getAuthorName %}{{user.getAuthorName}}{% endif %}" />
<span><a href="#" id="filler">Use your own username</a></span>

【讨论】：