Jquery用树枝值改变按钮的url

Question

我已经编写了一些代码来使用 Jquery、Twig、Laravel 和 Symfony 来增加我的按钮的 href 属性。我在将当前的 href 更改为 on chance 方法的结果时遇到了一些问题。

这是我的代码：

<div class="modal-content">
        <div class="modal-header">
        </div>
        <div class="modal-body">
            <select id="select">
                {% for relation in relations %}
                    <option value="{{ relation.id }}">{{ relation.company }}</option>
                {%  endfor %}
            </select>
        </div>
        <div class="modal-footer">
            <a role="button" id="js-save-button"  data-method="POST" data-remote="true" data-disable-with="Saving..." href="{{ route('exportRelationFromPhonebook', [item.id]) }}" class="btn btn-primary">New Relation</a>
            <a role="button" id="edit-button" class="btn btn-primary" href="/phonebook/{{ item.getKey() }}/1">Existing relation</a>
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        </div>
    </div>

我试图找到的href 属于带有id 编辑按钮的按钮。

<script>
$(function(){
    $('#select').on('change', function(e)
    {
        $('#edit-button').attr("href", "/phonebook/{{ item.getKey() }}/"+$(this).val());
        console.log($('#edit-button').attr("href"));
    });
});</script>

当我使用 console.log($('#edit-button').attr("href"); 时，它会返回我想要的确切值。

例子：

/phonebook/191/5

或

/phonebook/191/22

但由于某种原因，网址没有改变。它仍然是/phonebook/191/1。我在这里做错了什么？

Answer 1

您应该将{{ item.getKey() }} 存储在其他属性中，例如data-key。之后只获取更新href的密钥。

例如 <a role="button" id="edit-button" class="btn btn-primary" data-key="{{ item.getKey() }}" href="/phonebook/{{ item.getKey() }}/1">Existing relation</a>

在脚本中 var key = $('#edit-button').attr("data-key"); $('#edit-button').attr( "href", "/phonebook/"+key+"/"+$(this).val() );