用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

jquery 添加选项

2014-04-28 作者: sscsdl举报

[javascript]代码库

<table class="ListProduct" border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
    <td width="50">序号</td>
 
    <td width="260">选项标题</td>
 
    <td width="50">排序</td>
 
     <td width="50">票数</td>
    <td class="norightborder"></td>
</tr>
</tbody>
<tbody id="div_add_del" name="div_add_del">   
 
    <tr style="display:none">
 
      <td width="50"><input type="text" name="add[id][]" readonly="readonly" disabled="disabled"  value="" style="width:50px;" ></td>
 
        <td width="200">
 
            <input type="text" name="add[item][]" value="" class="px" style="width:150px;">
 
        </td>
 
        <td>
 
            <input type="text" name="add[rank][]" value="1" style="width:50px;" class="px">
        </td>
         <td>
            <input type="text" name="add[vcount][]" value="0" style="width:50px;" class="px">
        </td>
         <td width="50" class="norightborder"><a href="javascript:;" onclick="delrow(this, 'div_add_del');">删除</a></td>
    </tr>
</tbody>
    <tbody>
        <tr>
            <td colspan="4" class="norightborder">
                <button type="button" id="vtype" onclick="addrow('div_add_del');" class="btnGrayS vm" value="true"><strong>添加选项</strong></button>至少2项,最多15项,已经添加[<span id='aditem'></span>]项</td>  
        </tr>
  </tbody>
</table>
 
 
<script>
 
var count = 1;
 
function addrow(tbody) {
 
var add = false;
 
var newnode;
 
if($$(tbody).rows.length == 1 && $$(tbody).rows[0].style.display == 'none') {
 
$$(tbody).rows[0].style.display = '';
 
newnode = $$(tbody).rows[0];
 
} else {
 
newnode = $$(tbody).rows[0].cloneNode(true);
 
add = true;
 
}
 
if(add) {
 
$$(tbody).appendChild(newnode);
 
}
 
var aditem = document.getElementById('aditem');
 
aditem.innerHTML=count;
 
if(count==15){var vtype = document.getElementById('vtype');
 
vtype.disabled="disabled";vtype.value="disabled";}count++;
 
}
 
function delrow(obj, tbody) {
 
if($$(tbody).rows.length == 1) {
 
var trobj = obj.parentNode.parentNode;
 
trobj.style.display='none';
 
}else{
 
$$(tbody).removeChild(obj.parentNode.parentNode);
 
}
 
}</script>

[代码运行效果截图]


jquery 添加选项


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...