javascript - 将输入字段值附加到 .cshtml 页面上的 URL

Question

我的 .cshtml 页面中有一个 SSRS 报告的链接:

<div class="col-md-8">
  <a href="http://xxx.xx.xx.x/ReportServer/Pages/ReportViewer.aspx?%2fCompany_Reporting%2fpayr0001&rs:Command=Render&StartDate=01/09/2017" target="_blank" >Timesheet Status Report</a>
</div>

我需要将日期控件中的值作为参数传递，而不是上面的硬编码日期:

<div class="form-group">
  <input type="date" class="form-control" id="datefrom">
</div>

我尝试将 onclick=myfunction() 附加到网址以添加日期值，但无法使其正常工作。

function getStartDate() {
    return document.getElementById("datefrom").value; 
}

任何帮助将不胜感激。

干杯。

Answer 1

在日期更改属性上创建 anchor 标记的 href。随时随地构建 href。

$('#datefrom').change(function(){
    $('#IdOfAnchorTag').attr('href','http://xxx.xx.xx.x/ReportServer/Pages/ReportViewer.aspx?%2fCompany_Reporting%2fpayr0001&rs:Command=Render&StartDate=' + $('#datefrom').val() );
});

相应地检查字符串..