Write programs add information with ajax jquery, why select drop-down box does not appear inside inf-CodePudding

The JSP code is as follows:
& lt; % @ page language="Java" contentType="text/HTML. Charset=utf-8 "
PageEncoding="utf-8" % & gt;
<% @ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" % & gt;

<meta HTTP - equiv="content-type" Content="text/HTML. Charset=utf-8 "& gt;
<meta name="the renderer" content="its | - ie comp | - stand" ie & gt;
<meta HTTP - equiv="X - UA - Compatible" content="IE=edge" & gt;
<meta name="viewport"
The content="width=device - width, initial - scale=1, minimum - scale=1.0, the maximum - scale=1.0, user - scalable=no"/& gt;
<meta HTTP - equiv="cache-control" content="no - siteapp"/& gt;

Add the room & lt;/title> <br/><br/><style> <br/>Body {<br/>Min - height: 200 px; <br/>The font - size: 14 px; <br/>} <br/><br/>Td, th {<br/>The font - size: 14 px; <br/>} <br/><br/>Input [type="text"] {<br/>Padding: 5 px 5 px; <br/>The font - size: 14 px; <br/>} <br/></style> <br/></head> <br/><body> <br/><Div & gt; <br/><Div & gt; <br/><The form action="/HotelManagement AddRoomServlet" method="post" & gt; <br/><The table & gt; <br/><Tbody> <br/><Tr> <br/><"Width=" 100 "& gt; <Span & gt; * & lt;/span> Room number & lt;/th> <br/><Td> <br/><The table id="optionlist" & gt; <br/></table> <br/><Div> <br/><Input type="button" id="bt1" value="https://bbs.csdn.net/topics/add room" onClick="addrows ()" & gt; <br/><Input type="button" id="bt2" value="https://bbs.csdn.net/topics/delete room" onClick="deleterow ()" & gt; <br/></div> <br/></td> <br/></tr> <br/><br/><Tr> <br/><Th & gt; <Span & gt; * & lt;/span> Room type: & lt;/th> <br/><Td> <Select the name="roomtype" id="roomtype <br/>"Onchange="optionChange ()" & gt; <br/><C: forEach items="${list1}" var="roomtype & gt;" <br/><The option value="https://bbs.csdn.net/topics/${roomtype. TypeName}" & gt; ${roomtype. TypeName} & lt;/option> <br/></c: forEach> <br/></select> </td> <br/><Tr> <br/><Th & gt; <Span & gt; * & lt;/span> Status: room & lt;/th> <br/><Td> <Label> <Input the name="state" type="radio" <br/>Id="state_1" value="https://bbs.csdn.net/topics/true" checked> Someone <br/></label> <Label> <Input type="radio" name="state" value="https://bbs.csdn.net/topics/false" <br/>Id="state_0" & gt; There is no <br/></label> </td> <br/></tr> <br/><br/><br/><Tr> <br/><Th & gt; <Span & gt; * & lt;/span> Room floor, & lt;/th> <br/><Td> <Select the name="location" & gt; <br/><The option value="https://bbs.csdn.net/topics/on the first floor" & gt; On the first floor & lt;/option> <br/><On the second floor of the option value="https://bbs.csdn.net/topics/" & gt; On the second floor & lt;/option> <br/><The option value="https://bbs.csdn.net/topics/" on the third floor & gt; On the third floor & lt;/option> <br/><The option value="https://bbs.csdn.net/topics/" on the fourth floor & gt; On the fourth floor & lt;/option> <br/><Five floor option value="https://bbs.csdn.net/topics/" & gt; The fifth floor & lt;/option> <br/></select> </td> <br/></tr> <br/><Tr> <br/><Th & gt; <Span & gt; * & lt;/span> Bed room number: & lt;/th> <br/><Td> <Select the name="roombedNum" id="roombedNum & gt;" <br/><! - & lt; C: forEach items="${listprice}" var="roomprice" & gt; <br/><The option value="https://bbs.csdn.net/topics/${roomprice. Price}" & gt; The ${roomprice. Price} & lt;/option> <br/></c: forEach> <br/><The option value="" & gt; </option> --> <br/><br/></select> </td> <br/></tr> <br/><Tr> <br/><Th & gt; <Span & gt; * & lt;/span> The room price: & lt;/th> <br/><Td> <Select the name="roomprice" id="roomprice" & gt; <br/></select> </td> <br/></tr> <br/><Tr> <br/><Th & gt; Note: & lt;/th> <br/><Td> <Textarea name="room - note" <br/>Id="room - note" style="height: 100 px; Width: 300 px;"> Add room note information & lt;/textarea> </td> <br/></tr> <br/><br/><br/><br/><Tr> <br/><Th> </th> <br/><Td> <The button type="submit" & gt; <br/><I & gt; </i> Sure <br/></button> <br/><The button type="reset" & gt; <br/><I & gt; </i> Reset <br/></button> </td> <br/></tr> <br/></tbody> <br/></table> <br/></form> <br/></div> <br/></div> <br/><The script type="text/javascript" SRC="https://bbs.csdn.net/topics/js/jquery.min.js" & gt; </script> <br/><The script type="text/javascript" SRC="https://bbs.csdn.net/topics/js/Validform_v5.3.2_min.js" & gt; </script> <br/><The script type="text/javascript" SRC="https://bbs.csdn.net/topics/js/H-ui.js" & gt; </script> <br/><The script type="text/javascript" SRC="https://bbs.csdn.net/topics/js/H-ui.admin.js" & gt; </script> <br/><nullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnull </div> <div class="th_page th_page_color"></div> <div class="umCopyright"> <p>Page link：<a href="/Backend/15022.html" target="_blank" style="color:#999">https//www.codepudding.com/Backend/15022.html</a></p> </div> <div class="detail-arr"> <div class="detail-arr-left">Prev:<a href='/Backend/15021.html'>Write a simple code</a></div> <div class="detail-arr-right">Next:<a href='/Backend/15023.html'>Mybatis reading configuration file Resources. GetResourceAsStream without prompt and error what reas</a></div> </div> </div> </div> </div> </div> <div class="container th_top"> <div class="row"> <div class="col-md-12"> <div class="hot-tags neitags"> <ul> <li><i class="iconfont icon-x-tags"></i> Tags： </li> <a href='/e/tags/?tagname=Web+development' target='_blank'>Web development</a> </ul> </div> </div> </div> </div> <div class="container th_top"> <div class="row"> <div class="col-md-12"> <div class="xiangguan"> <ul class="msg msghead"> <li class="tbname">Related</li> </ul> <ul> </ul> </div> </div> </div> </div> <div class="container th_top"> <div class="row"> <div class="col-md-12"> <div class="flinks"> <ul> <li><i class="iconfont icon-x-tags"></i> Links： </li> <li class="liflinks"><a target="_blank" href="/" title="CodePudding">CodePudding</a></li> </ul> </div> </div> </div> </div> <div class="footer"> <p><span style="font-size:16px;color:#666;font-weight: bold">About Us:</span> <a href="https://www.codepudding.com/contact.html">Contact Us</a> <a href="https://www.codepudding.com/service.html">Terms of Service</a> <a href="https://www.codepudding.com/privacy.html"> Privacy Policy</a></p> <p class="foot_info">Copyright © 2010-2023，Powered By <a href="/" target="_blank">CodePudding</a> </p> </div> <script type="text/javascript" src="/skin/code/tianhu.js"></script> </body></html>