<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="
http://www.w3.org/1999/xhtml"><head>
<title>jså¨æå建select</title>
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
<script type="text/javascript">
$(function () {
var _this = $('.list').find('tbody');
//æ·»å
var _html = '<tr><td></td><td>' + _this.parent().find('.demo').find('.tdd').html() + '</td></tr>';//å¯èªè¡ä¿®æ¹å建selectçä½ç½®
$('.addAppIntegral').click(function () {
//$(this).parents('.list').find('tbody').append(_html);//å¨æä¸å
ç´ å
追å åå
ç´
$(this).parents('.list').find('tbody').find('.demo').after(_html);//å¨æä¸å
ç´ çåé¢è¿½å åå
ç´ (å³ç´§è·å¨class="demo"çtrå
ç´ åé¢æ·»å )
})
//å é¤
$('.delAppIntegral').live('click', function () {
var _tr = $(this).parents('tr');
if (_tr.attr('class') != "demo") {
if (confirm("ä½ ç¡®å®è¦å é¤è¿æ¡æ°æ®åï¼")) { _tr.remove(); }
}
})
})
</script>
</head>
<body>
<table class="table list">
<tbody>
<tr class="demo">
<td>积åç±»åï¼</td>
<td class="tdd">
<select id="name_jflx2">
<option value="åºç¨ååå®è£
å¥å±" selected="">åºç¨ååå®è£
å¥å±</option>
<option value="åºç¨ååçåå¥å±">åºç¨ååçåå¥å±</option>
<option value="åºç¨å®è£
å¥å±">åºç¨å®è£
å¥å±</option>
<option value="2æ¥æå¼å¥å±">2æ¥æå¼å¥å±</option>
<option value="3æ¥æå¼å¥å±">3æ¥æå¼å¥å±</option>
<option value="4æ¥æå¼å¥å±">4æ¥æå¼å¥å±</option>
<option value="5æ¥æå¼å¥å±">5æ¥æå¼å¥å±</option>
<option value="6æ¥æå¼å¥å±">6æ¥æå¼å¥å±</option>
<option value="7æ¥æå¼å¥å±">7æ¥æå¼å¥å±</option>
<option value="30æ¥æå¼å¥å±">30æ¥æå¼å¥å±</option>
</select>
<select id="name_hqtj2">
<option value="ç°åºå®è£
" selected="">ç°åºå®è£
</option>
<option value="è¾
导æå¼">è¾
导æå¼</option>
<option value="次æ¥çå">次æ¥çå</option>
</select>
<input type="button" class="btn delAppIntegral" value="å é¤">
</td>
</tr>
<tr>
<td><input type="button" class="btn addAppIntegral" value="æ·»å "></td>
</tr>
<tr><td>积åå¼ï¼</td><td><input type="text"></td></tr>
</tbody>
</table>
</body>
</html>