Question

也许我的问题微不足道，但我找不到答案。也许我已经在显示器前面花了很多时间:) 我有这种情况：

<div class="col-xs-3" style='margin-left: -50px;'>
<a class="btn btn-primary" href="?c=Student&a=list" id="protokol"> List Studens</a>
</div>

这表示一个按钮，使用单击事件，使用MVC，调用控制器Student并执行函数list。但我需要向此函数发送一个参数，该参数是HTML组件的值。

<input type='text' id='parm' value=''>

我如何使用相同的结构来做到这一点？我试过这个，但是不正确

<div class="col-xs-3" style='margin-left: -50px;'>
    <a class="btn btn-primary" href="?c=Student&a=list&v=<script>$('param').val();</script>" id="protokol"> List Studens</a>
    </div>

Answer 1

如果您正在使用jQuery，则可以将单击处理程序附加到该元素，该元素会附加input的当前值。试试这个：

$(function() {
    $('#protokol').click(function(e) {
        e.preventDefault(); // prevent the browser going to the default URL
        var url = $(this).attr('href') + '&v=' + $('#param').val();
        window.location.assign(url);
    });
});

Answer 2

试试这个

<div class="col-xs-3" style='margin-left: -50px;'>
    <a id="targetLink" class="btn btn-primary" href="?c=Student&a=list&v=<script></script>" id="protokol"> List Studens</a>
</div>

//document ready
$(function(){
    var parameter = $('param').val();
    $('#targetLink').attr('href', '?c=Student&a=list&v=' + parameter);
});

作为参数传递组件html

2 个答案: