Javascript 如何根据下拉列表动态更改日期字段

Javascript 如何根据下拉列表动态更改日期字段,javascript,jquery,html,Javascript,Jquery,Html,在这里,我想根据我从下拉列表中选择的值自动显示日期。比方说,当我单击下拉列表的第一个值时,它必须在文本框中显示当前日期。同样,当我选择下拉列表的第二个值时,它必须显示15天后的日期 当我在文本框中选择日期必须自动填充的值时,会出现一个示例下拉列表 -价值观- 当前日期 自当前日期起15天后的日期 自当前日期起30天后的日期 自当前日期起45天后的日期 自当前日期起60天后的日期 您可以这样做: 我已将开关与您选择的更改事件组合在一起 请注意:我在您的输入中添加了一个类以更好地选择它 演示 $

在这里,我想根据我从下拉列表中选择的值自动显示日期。比方说,当我单击下拉列表的第一个值时,它必须在文本框中显示当前日期。同样,当我选择下拉列表的第二个值时,它必须显示15天后的日期

当我在文本框中选择日期必须自动填充的值时,会出现一个示例下拉列表 -价值观- 当前日期 自当前日期起15天后的日期 自当前日期起30天后的日期 自当前日期起45天后的日期 自当前日期起60天后的日期
您可以这样做:

我已将开关与您选择的更改事件组合在一起

请注意:我在您的输入中添加了一个类以更好地选择它

演示

$select[name=experience].onchange,函数{ var ddate=新日期; 切换$this.val{ 案例1-3: ddate.setDateddate.getDate+15; 打破 案例3-5: ddate.setDateddate.getDate+30; 打破 案例5-8: ddate.setDateddate.getDate+45; 打破 案例8-11: ddate.setDateddate.getDate+60; 打破 违约: } $.datavalue.valddate }; 当我在文本框中选择日期必须自动填充的值时,会出现一个示例下拉列表 -价值观- 当前日期 自当前日期起15天后的日期 自当前日期起30天后的日期 自当前日期起45天后的日期 自当前日期起60天后的日期
您可以这样做:

我已将开关与您选择的更改事件组合在一起

请注意:我在您的输入中添加了一个类以更好地选择它

演示

$select[name=experience].onchange,函数{ var ddate=新日期; 切换$this.val{ 案例1-3: ddate.setDateddate.getDate+15; 打破 案例3-5: ddate.setDateddate.getDate+30; 打破 案例5-8: ddate.setDateddate.getDate+45; 打破 案例8-11: ddate.setDateddate.getDate+60; 打破 违约: } $.datavalue.valddate }; 当我在文本框中选择日期必须自动填充的值时,会出现一个示例下拉列表 -价值观- 当前日期 自当前日期起15天后的日期 自当前日期起30天后的日期 自当前日期起45天后的日期 自当前日期起60天后的日期
希望你至少自己尝试一下。以目前的形式,你的问题太宽泛了,因此不适合讨论。请尝试一下做js,当你遇到一个特定的问题时,回来问一个问题,说明你的尝试,以及你具体不能做什么@pete。我也在做这件事,希望你至少自己尝试一下。以目前的形式,你的问题太宽泛了,因此不适合讨论。请尝试一下做js,当你遇到一个特定的问题时,回来问一个问题,说明你的尝试,以及你具体不能做什么@pete。我也在努力…非常感谢Carsten。这就是我要找的。@Ajay_Venkatesh没问题,很乐意帮忙。非常感谢Carsten。这就是我要找的。@Ajay_Venkatesh没问题,很乐意帮忙
$("select[name=experience]").on("change", function() {
  var ddate = new Date();

  switch ($(this).val()) {
    case "1-3":
      ddate.setDate(ddate.getDate() + 15);
      break;
    case "3-5":
      ddate.setDate(ddate.getDate() + 30);
      break;
    case "5-8":
      ddate.setDate(ddate.getDate() + 45);
      break;
    case "8-11":
      ddate.setDate(ddate.getDate() + 60);
      break;
    default:
  }

    $(".datavalue").val(ddate)
});