![](/img/trans.png)
[英]Javascript <HTML> tag onclick event.pageX comparison change
[英]Change data of object html tag with onclick event
我正在使用Thymeleaf和Sprin Boot,我的頁面內有一個這樣的對象:
然后,我想在onclick事件之后更改對象的內容:我選擇了一個日期,在確認日期之后,我向服務器發送了一個請求,我必須在對象內部顯示答案(pdf)
我該怎么做?
這是整個頁面:
<div class="row">
<div class="col">
<h5 style="color:red;">Seleziona data</h5>
<div class="input-group input-group-prepend col-4">
<span class="input-group-text far fa-calendar-alt"></span>
<input type="text" class="form-control date" data-provide="datepicker" id="dataProgrammazione" ></input>
</div>
<button type="button" class="btn btn-primary" th:text="#{conferma}" onclick="cambiaData();"></button>
</div>
</div>
<div class="row">
<object class="col" th:data="@{/programmazione/pdf?dataProva=16/04/2018}" type="application/pdf" height="800" width="800" id="pdf"></object>
</div>
<script type="text/javascript">
function cambiaData(){
$.ajax({
type: 'GET',
url: MY_URL+$("dataProgrammazione").val(),
success: function(results) {
alert(results);
$('#pdf').data(results);
}
});
}
$(function(){
$(".date").datepicker({
todayBtn: "linked",
language: "it",
todayHighlight: true
});
});
</script>
您可以執行以下操作:
<script type="text/javascript" th:inline="javascript">
/*<![CDATA[*/
function cambiaData(){
$('#pdf').attr("data", [[ @{'NEW_URL_WITH_NEW_DATA}]]+$("#data").val());
}
$(function(){
$(".date").datepicker({
todayBtn: "linked",
language: "it",
todayHighlight: true
});
});
/*]]>*/
</script>
和
<div class="row">
<h5 style="color:red;">Seleziona data</h5>
<div class="input-group input-group-prepend col-2">
<span class="input-group-text far fa-calendar-alt"></span>
<input type="text" class="form-control date" data-provide="datepicker" id="data" th:value="${#dates.format(#dates.createNow(), 'dd/MM/yyyy')}"></input>
</div>
<button type="button" class="btn btn-primary" th:text="#{conferma}" onclick="cambiaData();"></button>
</div>
<div class="row">
<object class="col" th:data="@{URL}" type="application/pdf" height="800" width="800" id="pdf"></object>
</div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.