Javascript 需要设置<；p>；根据选择选项更改

当我更改选择选项时，我需要更新para

标记，但那些选择字段在同一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>

${roomcovernice}
--挑选--
${roomType}
--挑选--
${roomCount}

当roomCount发生变化时，我需要更新此

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

${selectedStays}

当我选择room count时，

应该更新如下roomCount.value RoomOccupinecLable.value例如：1个双人房间；

---

多个值也可以选择，例如：1个单人房间
2个双人房间我用

$（“选择#roomCount”）.更改（function（）{}

function

那么，您尝试过什么？我们可以看看您的脚本吗？可能是JSFIDLE？@Veritas87我刚刚尝试在更改$（'#roomCount'）时实现一个逻辑。更改（function（）{alert（“Test”）}但它只影响多个元素的第一个元素，按标记名、类名或id以外的其他内容选择。