[英]Need to set <p> according to select option change
I need to update a para <p>
tag when i change select option change but those select field in a same id this is my jsp code 当我更改选择选项更改时,我需要更新para
<p>
标记,但是那些选择字段具有相同的ID,这是我的JSP代码
<c:forEach var="roomOccupanice" items="${RoomOccRequestNow}">
<label value ="${roomOccupanice}" class="roomOccupanice" id="roomOccupanice">${roomOccupanice}</label>
<div class="custom-select-container">
<select id="roomType" name="roomType" class="roomType">
<option value="N/A" selected="selected">--Select--</option>
<c:forEach var="roomType" items="${RoomTypeRequestNow}">
<option value="${roomType}">${roomType}</option>
</c:forEach>
</select>
<label class="select-arrow"></label>
</div>
<!-- End -->
<div class="custom-select-container">
<select id="roomCount" name="roomCount" class="roomCount">
<option value="N/A" selected="selected">--Select--</option>
<c:forEach var="roomCount" items="${RoomCountRequestNow}">
<option value="${roomCount}">${roomCount}</option>
</c:forEach>
</select>
<label class="select-arrow"></label>
</div>
</c:forEach>
i need to update this <p>
when roomCount change 当roomCount更改时,我需要更新此
<p>
<p class="booking-desc custom-padding">${selectedStays}</p>
when i select room count, <P>
should update like this roomCount.value roomOccupanicelable.value Eg: 1 Double Room(s); 当我选择房间数量时,
<P>
应该像这样更新roomCount.value roomOccupanicelable.value例如:1个双人间; multiple values also can select eg: 1 Single Room(s) 也可以选择多个值,例如:1单人间
2 Double Room(s) 2双人间
我用$("select#roomCount").change(function(){}
函数解决了这个问题
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.