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() );

Jquery用树枝值更改按钮的url

1 个答案: