html下拉菜单动态变化 [英] html dropdown menu change dynamically
本文介绍了html下拉菜单动态变化的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有以下代码。我有2个选择选项菜单。每当他们中的任何一个发生变化时，我都想向一个servlet发送一个AJAX请求。通过使用来自servlet的数据，我想把它写在我的html中。
我该如何做？
谢谢
< div class =p_inforoom>
< input type =hiddenth：value =$ {hotelDetail.deal.id}id =dealId/>
< h3> Oda Bilgileri：< b th：text =$ {hotelDetail.deal.room.name}>< / b>< / h3>
< option th：each =rooms：$ {roomsLeft}th：text =$ {rooms}th：value =$ {rooms}id =roomLeft> < /选项>
< / select>
< select name =roomTypeid =roomonchange =GetRooms（）>
< option class =1value =1> Tekkişilik< / option>
< option class =2selected =selectedvalue =2> ciftkişilik< / option>
< / select>
< / div>
解决方案
在jquery中，您可以通过
$（$'$ p$ b
$（'＃room'）。on（'change'，function（）{
$ .ajax（{
url：，
dataType：，// json text
type：，//获取或发布
data：，
success：function（数据）{
alert（data.output）;
}）;
}）;
I have following code. I have 2 select option menu. Every time any of them changed, i want send a AJAX request to a servlet. By using data comes from servlet, i want write it in my html.
How can i do that?
Thanks
<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>
解决方案
In jquery you can do by this
$('#room').on('change',function(){
$.ajax({
url:"",
dataType : "",//json text
type : "",//get or post
data:"",
success:function(data){
alert(data.output);
});
});
这篇关于html下拉菜单动态变化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
