Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过将第一个和第二个字段中的值相加,自动将值放入第三个字段_Javascript_Jquery_Html_Date_Input - Fatal编程技术网

Javascript 通过将第一个和第二个字段中的值相加,自动将值放入第三个字段

Javascript 通过将第一个和第二个字段中的值相加,自动将值放入第三个字段,javascript,jquery,html,date,input,Javascript,Jquery,Html,Date,Input,我需要在从第一个和第二个字段中获取值后,向第三个字段添加值。 更清楚地说,我有以下代码: <input type="text" name="first_date" class="datepicker" date-format="dd-MM-yyyy" id="first_date" /> <select name="duration"> <option value="">-- Select --</option> <optio

我需要在从第一个和第二个字段中获取值后,向第三个字段添加值。 更清楚地说,我有以下代码:

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

--挑选--
6个月
12个月
18个月


演示:

我尝试了一些脚本,但没有成功。我不熟悉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({});