2016-11-16 68 views
0

第一場產生的空字段值

<input type="text" name="opt_name[]" value="d/"> 

    <input type="text" name="opt_sku[]" class="a" size="3"> 

第二場

<input type="text" name="opt_name[]" value="cv/"> 

<input type="text" name="opt_sku[]" class="a" size="3"> 

enter image description here

的javascript

<script> 
$('#btnGenerateSku').live('click', function() { 
    var empty = 0; 
    $('.a').each(function(){ 
     if (this.value == "") { 
      empty++; 

      $(this).val('test'); 
     } 

    }) 

    alert(empty + ' SKU field generated '); 
}); 
</script> 

問題:當單擊生成按鈕時,如何基於旁邊的值生成空字段值?

+0

在jQuery 1.7時,'.live()'方法已被棄用。使用'.on()'附加事件處理程序。老版本的jQuery用戶應該使用'.delegate()'而不是'.live()'。 –

回答

0

$('#btnGenerateSku').on('click', function() { 
 
    var empty = 0; 
 
    $('.a').each(function(){ 
 
     if (this.value == "") { 
 
      empty++; 
 

 
      $(this).val('test'); 
 
     } 
 

 
    }) 
 

 
    alert(empty + ' SKU field generated '); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<input type="text" name="opt_name[]" value="d/"> 
 

 
    <input type="text" name="opt_sku[]" class="a" size="3"> 
 

 

 
<input type="text" name="opt_name[]" value="cv/"> 
 

 
<input type="text" name="opt_sku[]" class="a" size="3"> 
 

 
<br> 
 
<button id="btnGenerateSku">Generate</button>

+0

第二個文本框會是「文本」,我想成爲第一個值。例如,當生成第二個盒子變成「d」時,第一個文本框是「d」。當生成第二個盒子變成「cv」時,第三個盒子是「cv」。 –