当选择标签包含函数时，选择默认选项

HTML: select default option when select tag holds a function

本文关键字：选择 默认 选项 函数 标签 包含      更新时间：2023-09-26

我有这个下拉菜单:

<select>
  [_Perl function that builds and returns options_]
</select>

只有两个选项，Current和Previous，但是perl代码默认为"Pick One"选项。

perl返回

"<OPTION VALUE='"$item'" SELECTED>$item</OPTION>"

其中$item是动态构建列表中的一个条目。

我已经问过我是否可以改变这个过于复杂的设计，但是我不被允许。我想扔一些JS在它，但是，我不知道如何与perl交互。

我发现您可以抓取DOM元素并将其设置为，在这种情况下，当前或先前，它是足够聪明的，不添加另一个选项到您的选择列表。事实证明，我根本不需要处理Perl。

Onkeydown在文本元素中我想让它默认选择，我的JS看起来像

 function defaultCurrent(<DOMelement.name>) {
     if (<DOMelement.name> == "<specific status as first>") {
         var element = document.querySelector("#<selectElementID>");
         if (element.value == "")
             element.value = "Current";
     }
     else {
         <some not-first logic>
         var element = document.querySelector("#<selectElementID>");
         if (element.value == "")
             element.value = "Previous";
     }
 }

如果没有选择选项("Pick One" = null)，则默认为适当的状态。

这个故事的寓意是，当你有一个传统的

<select>
    <option></option>
    <option></option>
</select>
相关文章：