javascript - 需要根据选择选项的变化设置

Question

我需要更新一段 <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>

我需要更新此<p>当 roomCount 改变时

<p class="booking-desc custom-padding">${selectedStays}</p>

当我选择房间数时，<P>应该像这样更新 roomCount.value roomOccupanicelable.value 例如:1 间双人房；也可以选择多个值，例如:1 个单人房
2 个双人房

Answer 1

我用 $("select#roomCount").change(function(){} 函数解决了这个问题