2017-02-13 21 views
2

我有問題從此DOB輸入字段獲取「唯一」值。只有第一行在上一個輸入字段中輸入全班級的值。我用$這個電話,但在錯誤的方式...在出生日期內獲取單獨的值

JSFIddle

<div class="info-inner"> 
<input data-age="adt" type="text" class="disabled-number dayter" name="dob passengers[0][birthdate]" maxlength="2" placeholder="dd" min="01" max="31"> 
<input data-age="adt" type="text" class="disabled-number monther" name="dob passengers[0][birthdate]" maxlength="2" placeholder="mm" min="01" max="12"> 
<input data-age="adt" type="text" class="disabled-number yearer" name="dob passengers[0][birthdate]" maxlength="4" placeholder="yyyy" min="1930"> 
<input class="full-date" data-age="adt" type="hidden" name="full-dob" data-min-date-adt="18.03.2017" data-max-date-adt="18.03.2005"> 
</div> 
div class="info-inner"> 
<input data-age="adt" type="text" class="disabled-number dayter" name="dob passengers[1][birthdate]" maxlength="2" placeholder="dd" min="01" max="31"> 
<input data-age="adt" type="text" class="disabled-number monther" name="dob passengers[1][birthdate]" maxlength="2" placeholder="mm" min="01" max="12"> 
<input data-age="adt" type="text" class="disabled-number yearer" name="dob passengers[1][birthdate]" maxlength="4" placeholder="yyyy" min="1930"> 
<input class="full-date" data-age="adt" type="hidden" name="full-dob" data-min-date-adt="18.03.2017" data-max-date-adt="18.03.2005"> 
</div> 
<div class="info-inner"> 
<input data-age="cnn" type="text" class="disabled-number dayter" name="dob passengers[2][birthdate]" maxlength="2" placeholder="dd" min="01" max="31"> 
<input data-age="cnn" type="text" class="disabled-number monther" name="dob passengers[2][birthdate]" maxlength="2" placeholder="mm" min="01" max="12"> 
<input data-age="cnn" type="text" class="disabled-number yearer" name="dob passengers[2][birthdate]" maxlength="4" placeholder="yyyy" min="1930"> 
<input class="full-date" data-age="cnn" type="hidden" name="full-dob" data-min-date-ch="18.03.2005" data-max-date-ch="18.03.2015"> 
</div> 

我試着與這個jQuery:

$('.disabled-number').on('change', function(){ 
    var date = $('.dayter').val() + '.' + $('.monther').val() + '.' + $('.yearer').val(); 
    $(this).each(function() { 
     $('.full-date').val(date); 
    }); 
}); 
+1

這不是'name'屬性的工作方式......你不能在那裏有空格。雖然如果(出於某種原因)你需要,你可以使用'$(「input [name * ='dob']」)',它應該得到輸入。 – TricksfortheWeb

+0

你到底想做什麼?僅爲每個特定的最後一行設置值? –

+0

你是對的TricksfortheWeb。我編輯js指向禁用數字類。 – Kripton

回答

1

像這樣的東西應該工作:

$('.disabled-number').on('change', function() { 
    var container = $(this).parent(); 
    var date = container.children('.dayter').val() + '.' + container.children('.monther').val() + '.' + container.children('.yearer').val(); 
    container.children('.full-date').val(date); 
}); 

JSFiddle

+1

非常感謝你!我花了2個小時試圖解決這個問題... – Kripton

相關問題