通过添加第一个和第二个值自动将值放置到第三个字段答案

【问题标题】：place value automatically to third field by adding values from first and second通过添加第一个和第二个值自动将值放置到第三个字段
【发布时间】：2013-08-29 16:33:16
【问题描述】：

从第一个和第二个获取值后，我需要向第三个字段添加值。为了更清楚，我在下面有一些代码：

<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" />

我正在为日期工作并使用过 datepicker (jquery)。我需要将 6 或 12 或 18 或 24 个月添加到 #first_date 中选择的日期，并在第三个字段 #end_date 中显示添加持续时间后的日期

而且值也应该随着选择（选项）的变化而变化。我怎样才能让它工作？我搜索但找不到我正在寻找的解决方案。有什么帮助吗？

【问题讨论】：

我尝试了一些脚本，但没有成功。我是 jquery、javascript 的新手。

标签： javascript jquery html date input

【解决方案1】：

试试

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

【讨论】：