用户注册



邮箱:

密码:

用户登录


邮箱:

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

发表随想


还能输入: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、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

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

加载中,请稍后...