通過添加第一個和第二個值的值自動將值的位置自動添加到第三個域

從第一個和第二個獲取值之後，我需要將值添加到第三個域。更清楚，我有以下一些代碼：通過添加第一個和第二個值的值自動將值的位置自動添加到第三個域

<input type="text" name="first_date" class="datepicker" date-format="dd-MM-yyyy" id="first_date" /> 
<select name="duration"> 
    <option value="">-- Select --</option> 
    <option value="6">6 months</option> 
    <option value="12">12 months</option> 
    <option value="18">18 months</option 
</select> 

<input type="text" name="end_date" id="end_date" />

我工作的日期，並使用日期選擇器（jQuery的）。我需要在#first_date中選擇的日期添加6或12或18或24個月，並在第三個字段中添加持續時間後顯示日期#end_date

而且值也應隨選擇（選項）。我該如何使它工作？我搜索，但無法找到我正在尋找的解決方案。任何幫助？

來源

2013-08-27 red one

我嘗試了一些劇本，但沒有奏效。我是新來的jQuery，JavaScript。 –

嘗試

function updateEndDate(){ 
    var sdate = $('#first_date').datepicker('getDate'), duration = parseInt($('select[name="duration"]').val(), 10) || 0; 
    if(sdate){ 
     var edate = new Date(sdate.setMonth(sdate.getMonth() + duration)); 
     $('#end_date').datepicker('setDate', edate); 
    } 
} 

$('#first_date').datepicker({ 
    onSelect: updateEndDate 
}) 
$('select[name="duration"]').change(updateEndDate) 

$('#end_date').datepicker({});

演示：Fiddle

來源

2013-08-27 04:19:37

通過添加第一個和第二個值的值自動將值的位置自動添加到第三個域

回答

相關問題