如何隐藏增量的ID

时间:2014-03-17 20:16:16

标签: javascript jquery html css forms

所以我试图隐藏一个ID标签,该标签会根据输入字段的数量而增加。

我在输入表单的底部包含了HTML

deviceTemplate_(递增数字)末尾的数字

离。 deviceTemplate_1是输入字段1     deviceTemplate_2是输入字段2

$(function () {

        // Other Code

        // Trying to use this to hide fields
            var fieldlistSelect = '#deviceTemplate_' + pliPosition;

        //var $loader = $('section[role="main"]');
            var $loader = form.parent();
        //if this exists, then it will execute the following. It will check the whole HTML page.
            $loader && $loader.showLoading();

            $.ajax({
               type: "POST",
               url: form.attr('action'),
               data: form.serialize(), 
               dataType: 'html'
             }).done(function(html) {

                 $loader && $loader.hideLoading();
                 $(fieldlistSelect).html(html); 
                 $loader && $loader.hideLoading();
                 $(fieldlistSelect).html(html); 

           //Code I'm trying to get to work, not nessecary to use I'm just stuck
                 $('.vinCartApplyButton').click(function(ev) {
                    var aim = $(this);
                    var ap = aim.parent();
                    var newbk = ap.clone(true);
                    var apindex = $('[id^=deviceTemplate_]').index(ap);
                    var bkId = 'deviceTemplate_' + (apindex + 1);
                    newbk.addId('deviceTemplate_' + (apindex + 2));
                    ap.after(newbk);
                });

                //alert(html);
            }).fail(function(jqXHR) {
                //if this exists, then it will execute the following
                $loader && $loader.hideLoading();
                var html = jqXHR.responseText;
            //alert(html);
            });

        });

    });

<div class="vinCartFormStyling">
<form action="DeviceProcessing-AjaxValidate" method="post" onsubmit="return false;" id="deviceform1">
<fieldset id="deviceTemplate_1"><div class="vinBox">
<BR><div class="vinText"></div>
<BR><input type="text" onblur="convertCase(this)" name="DeviceId" maxlength="17" size="20" 
value="" class="inputfield_en" /> 
</div>
</fieldset>
<input type="submit" class="device_form vinCartApplyButton" value="Apply">
<input type="hidden" name="Platform" value="ALP-HDD">
<input type="hidden" name="SKU" value="xxxxxxx">
<input type="hidden" name="Position" value="1">
<input type="hidden" name="PLIUUID" value="abcd1234" id="PLIUUID">
</form>
</div>

0 个答案:

没有答案