Javascript 如何按函数保持下拉菜单变量

我有一个功能，根据日期有3个案例。现在我想在下拉菜单中显示它

function get_data_date(i) {
var string;
if (i == 0) {
  if(d.getUTCHours() < 3 ) {
   .
   .
   .
   .
   .
              string=d_date.getUTCFullYear()+""+addZero1(d_date.getUTCMonth()+1)+""+d_date.getUTCDate()+"_"+addZero1(d_date.getUTCHours());

return string;
}

我不知道如何调用选项标记中的函数。请注意，显示的功能不完整

 <form action="select.htm">

    <select name="run" size="1">
    <option id="run1" > get_data_date(0)</option>
    <option id="run2" > get_data_date(1) </option>
    <option id="run3" > get_data_date(2)</option>
    </select>
</form>

不要使用eval，因为它为不好的事情提供了太多的机会

相反，检查所选选项并调用相应的函数。使用您所展示的标记，它看起来会像这样

//忽略这个，这里只是一个例子 var doLog=函数{ var logOutput=document.createElement'pre'； document.body.appendChildlogOutput； 返回函数doLogmsg{ var t=document.createTextNodemsg+\n； logOutput.appendchild； }; }; 函数get_data_datei{ 多洛格'你选择'+i； } 功能选择ChangeHandlerEV{ var e=电动汽车目标； var id=e.options[e.selectedIndex].id； //使用适当的参数调用“get_data_date”，基于 //所选选项。注意：这不是一个好的解决方案，有关详细信息，请参见下文 //更好的 如果id=='run1'{ 获取数据日期0； }否则，如果id=='run2'{ 获取数据日期1； }否则，如果id=='run3'{ 获取数据日期2； } } var selectControl=document.querySelector'select[name=run]； selectControl.addEventListener'change'，selectChangeHandler； 获取数据日期0 获取数据日期1 获取数据日期2

---

$'run1'.textget\u data\u date0，$'run2'.textget\u data\u date1，$'run3'.textget\u data\u date2。。如果使用Jquerysee->，则需要将参数部分移出选项textI searched for onload