html下拉菜單動態變化

我有以下代碼。我有2個選擇選項菜單。每當他們中的任何一個發生變化時，我都想向一個servlet發送一個AJAX請求。通過使用來自servlet的數據，我想把它寫在我的html中。html下拉菜單動態變化

我該怎麼做？

感謝

<div class="p_inforoom"> 
    <input type="hidden" th:value="${hotelDetail.deal.id}" id="dealId" /> 

    <h3>Oda Bilgileri :<b th:text="${hotelDetail.deal.room.name}"></b></h3> 
    <select name="numberOfNights" id="night" onchange="GetNights(this)"> 
     <option th:each="rooms:${roomsLeft}" th:text="${rooms}" th:value="${rooms}" id="roomLeft" > </option> 

    </select> 
    <select name="roomType" id="room" onchange="GetRooms()"> 
     <option class="1" value="1" >Tek kişilik</option> 
     <option class="2" selected="selected" value="2" >Çift kişilik</option> 
    </select> 
</div>

來源

2014-03-06 serkan

'th：value =「$ {hotelDetail.deal.id}」'既不是HTML也不是JavaScript，所以如果這是類似於asp或其他東西，請包含這些標籤。 – Joeytje50

İT的thymeleaf從servlet接受對象並將其寫入html中。 Thymeleaf的主要目標是提供創建模板的優雅和格式良好的方式。其標準和SpringStandard方言允許您創建強大的自然模板，可以通過瀏覽器正確顯示，因此也可以用作靜態原型。您還可以通過開發自己的方言來擴展Thymeleaf。 – serkan

好的，銷售情況良好，但我所說的只是將標籤添加到您的問題中，以便人們在點擊問題之前知道此問題的用途。我現在已經爲你添加了它。 – Joeytje50

你會得到從「成功」了ajax的響應，你可以閱讀dataand其分配到任何HTML元素要與它分配

$.ajax({ 
    type: 'POST', 
    url: requestUrl, 
    data: postData, // if any 
    contentType: "application/json; charset=utf-8", 
    dataType: 'json', 
    success: function (data) { 
     //data has the response from the url 
    } 
    }});

來源

2014-03-06 09:19:34

在jquery中，您可以通過這樣做

$('#room').on('change',function(){ 
     $.ajax({ 
      url:"", 
      dataType : "",//json text 
      type : "",//get or post 
      data:"", 
      success:function(data){ 
     alert(data.output); 
}); 
});

來源

2014-03-06 09:20:54 kamesh

您可以使用以下選擇更改：

$("#room").change(function() { 
alert("Handler for .change() called."); 
});

Source for .change

對於Ajax查詢，你可以在看信息：Ajax。您可以在下面找到該頁面的一個示例。

$.ajax({ 
    type: "POST", 
    url: "some.php", 
    data: { name: "John", location: "Boston" } 
}).done(function(msg) { 
    alert("Data Saved: " + msg); 
})

來源

2014-03-06 09:23:21 jyrkim

html下拉菜單動態變化

回答

相關問題