0
下面的代码工作正常,但需要一些改进像我想追加和取消对选择框的值添加一个div不做工精细
检查该网站的每一个改变的选择的人DIV http://www.travelnow.com/1:http://www.travelnow.com/ 房间选择选项功能
我的HTML代码
<select id="roomOptions">
<option value="1" selected="selected"> 1 </option>
<option value="2"> 2 </option>
<option value="3"> 3 </option>
</select>
<br/>
<div id="text">
<label> Adults (18+) </label>
<label> Children (0-17) </label>
</div>
<div class="select-person">
<label> Adults (18+) </label>
<select>
<option value="1"> 1 </option>
<option value="2" selected="selected"> 2 </option>
</select>
<label> Children (0-17) </label>
<select>
<option value="0" selected="selected"> 0 </option>
<option value="1"> 1 </option>
<option value="2"> 2 </option>
</select>
</div>
MY SCRIP牛逼
$('select#roomOptions').change(function() {
$('div#text select').remove();
var val = $(this).val();
for (var x = 1; x < val; x++) {
var createSelectBox = '<select id="adults"><option value="1">1</option></select><option value="2">2</option></select><option value="3">3</option></select><select id="children"><option value="1">1</option></select><option value="2">2</option></select><option value="3">3</option></select>';
$('div#text').append(createSelectBox);
}
});