每次添加一個點擊添加按鈕

需要幫助！如何每次點擊「添加」按鈕添加一個？每次添加一個點擊添加按鈕

每次點擊時數字都會增加。

它從0開始，之後我點擊它的意志加1變成1，那麼2等

HTML：

<div id="add_form"> 

    <div class="form-field"> 

     <div class="field"> 

      <div class="no">0</div> 

     </div> 

    </div> 

</div> 

<a href="#" id="add_field" class="btn btn-default">Add </a> 
<p><br /></p>

JQuery的：

$(document).ready(function() { 

    var MaxInputs  = 8; 
    var InputsWrapper = $("#add_form"); 
    var AddButton  = $("#add_field"); 

    var x = InputsWrapper.length; 
    var FieldCount=1; 

    $(AddButton).click(function (e) { 

     if(x <= MaxInputs) { 

      FieldCount++; 

      $(InputsWrapper).append('<div class="field"><div class="no">1</div></div>'); 
      x++; 

     } 

     return false; 

    }); 

});

我JQuery的相當差，需要你們的幫助。

此外，這裏是jsfiddle鏈接。

http://jsfiddle.net/fzs77/

真的很感謝你的幫助。

來源

2014-02-17 Alan Yong

你有1硬編碼的，所以它不能改變。像這樣做：

$(InputsWrapper).append('<div class="field"><div class="no">' + x + '</div></div>');

入住這JSFiddle與工作演示。

來源

2014-02-17 10:07:55

你必須將變量保存在你添加的html內部的數字中。還要將FieldCount變量的增量移到append函數調用的下方以呈現正確的結果。像這樣：

$(AddButton).click(function (e) { 

    if(x <= MaxInputs) { 

     $(InputsWrapper).append('<div class="field"><div class="no">' + FieldCount + '</div></div>'); 
     x++; 
     FieldCount++; 

    } 

    return false; 

});

來源

2014-02-17 10:07:50

試試這個的jsfiddle：
http://jsfiddle.net/fzs77/7/

<div id="add_form"> 


<div class="form-field"> 

     <div class="field"> 

      <div class="no">0</div> 

     </div> 

    </div> 

</div> 

<a href="#" id="add_field" class="btn btn-default">Add </a> 
<p><br /></p>

JS文件

$(document).ready(function() { 

    var MaxInputs  = 8; 
    var InputsWrapper = $("#add_form"); 
    var AddButton  = $("#add_field"); 

    var x = InputsWrapper.length; 
    var FieldCount=0; 

    $(AddButton).click(function (e) { 

     if(x <= MaxInputs) { 

      FieldCount++; 



    $(InputsWrapper).append('<div class="field"><div class="no">' + FieldCount + '</div></div>'); 



     } 

     return false; 

    }); 

});

來源

2014-02-17 10:13:16

@downvoter爲什麼呢？ –

對不起。這是錯誤的。無法撤銷它，直到編輯回答。現已解決。接受我的+1作爲道歉。 – rahulroy9202

如果你想增加它，而在同一行試試這個。

http://jsfiddle.net/sdMCH/

$(document).ready(function() { 
    $('#add_field').click(function (e) { 
      var x=$(".no");    
      x[0].innerHTML = (parseInt(x[0].innerHTML,10)+1); 
     } 
    ); 
});

來源

2014-02-17 10:32:52 rahulroy9202

每次添加一個點擊添加按鈕

回答

相關問題