Javascript-如何将onClick函数结果保存到两个不同的变量中？

我是JavaScript的学习者。我有两组下拉选项，希望在单击一个按钮（更新）后将下拉选择中的更改保存为两个不同的变量

以下是获取变量的函数：

function jsDropDown() {
        //Get the start date upon changing the button
        var start_date = document.getElementById("days1").value + "-" + 
            document.getElementById("months1").value + "-" +
            document.getElementById("years1").value;
        var end_date = document.getElementById("days2").value + "-" + document.getElementById("months2").value + "-" +
            document.getElementById("years2").value;
    }

这是一把小提琴：

其想法是，当用户选择2019年2月1日时，该日期将保存为开始日期和结束日期 当用户选择2019年12月31日时，该日期保存为结束日期

几点：

1） 您的年份下拉文本与值不同，1982年与1995年映射，依此类推

2） 您的函数是正确的，但无法调用，因为fiddle有一些不同的设置，结果抛出了

referenceError

（函数未定义）

所以你有两个选择：

（a） 在脚本标记中移动函数

或

（b） 使用jquery中的

document.ready

函数

请参见演示2（a）

嘿，请仔细看上面的快照，看看在控制台中它是否能按您想要的方式完美工作。 并找到下面的代码附件

<Div class="dropDown1">

  Day: <select name="days" id="days1">
    <option value="01">01</option>
    <option value="02">02</option>
    <option value="03">03</option>

  </select>
  Month: <select name="months" id="months1">
    <option value="January">January</option>
    <option value="February">February</option>
    <option value="March">March</option>

  </select>

  Year: <select name="years" id="years1">
    <option value="1995">1995</option>
    <option value="1996">1996</option>
    <option value="1997">1997</option>

  </select>
</Div>
End Date <Div class="dropDown2">

  Day: <select name="days" id="days2">
    <option value="01">01</option>
    <option value="02">02</option>
    <option value="03">03</option>

  </select>
  Month: <select name="months" id="months2">
    <option value="January">January</option>
    <option value="February">February</option>
    <option value="March">March</option>

  </select>

  Year: <select name="years" id="years2">
    <option value="1995">1995</option>
    <option value="1996">1996</option>
    <option value="1997">1997</option>

  </select>
</Div>
<button onclick="myFunction()">Update</button>
<script>
function myFunction() {debugger
  //Get the start date upon changing the button
  var start_date = document.getElementById("days1").value + "-" + document.getElementById("months1").value + "-" +
    document.getElementById("years1").value;
  var end_date = document.getElementById("days2").value + "-" + document.getElementById("months2").value + "-" +
    document.getElementById("years2").value;
console.log('start_date', start_date);
console.log('end_date', end_date)
}

</script>

日期：
01
02
03
月份：
一月
二月
前进
年份：
1995
1996
1997
结束日期
日期：
01
02
03
月份：
一月
二月
前进
年份：
1995
1996
1997
更新
函数myFunction（）{debugger
//更改按钮后获取开始日期
var start_date=document.getElementById（“days1”）.value+“-”+document.getElementById（“months1”）.value+“-”+
document.getElementById（“years1”）.值；
var end_date=document.getElementById（“days2”）.value+“-”+document.getElementById（“months2”）.value+“-”+
document.getElementById（“years2”）.value；
console.log（'start\u date'，start\u date）；
console.log（'结束日期'，结束日期）
}

我不清楚你在问什么。有些东西不起作用了吗？你有什么问题？非常感谢@比拉尔·西迪基。下拉文本是错误的。现在它工作了。@mohit dutt，问题是新变量没有生成closole.log中的值。现在它开始工作了。谢谢你的回复@托马萨哈：如果唯一的“问题”是你的价值观有错误，那么最好删除整个问题。它没有什么价值，结果只引起了负面的注意。@David he不能删除，带答案的问题不允许删除。相反，他只能选择接受一个答案：）@David问题不仅仅是打字错误，还有脚本标签的位置。这个解决方案很有帮助！