Question

我有这个下拉列表：

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

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

perl返回

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

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

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

Answer 1

我发现你可以抓住DOM元素并将其设置为，在本例中为Current或Previous，并且它足够聪明，不会在选择列表中添加其他选项。事实证明，我根本不需要处理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>

如果需要，

列出。

HTML：当select标签包含函数时选择默认选项

1 个答案: