2 つの s がある HTML ページがありますselect
。
<select id="field" name="field" onchange="checkValidOption();">
<option />
<option value="Plugin ID">Plugin ID</option>
<option value="Name">Name</option>
</select>
<select id="operator" name="operator" onchange="checkValidOption();">
<option />
<option value="EQUALS">EQUALS</option>
<option value="CONTAINS">CONTAINS</option>
<option value="NOT CONTAINS">NOT CONTAINS</option>
<option value="REGEX">REGEX</option>
</select>
私が実現したいのはcheckValidOption()
、フィールドで「プラグイン ID」が選択されている場合、唯一のオプションが EQUALS (およびそれが選択されている) であり、それ以外の場合は他のすべてのオプションが利用可能になるようにすることです。これにアプローチする方法について何か考えはありますか?
私innerHTML
はJSで演算子の選択を変更しようとしました:
document.getElementById("operator").innerHTML =
"<option value='EQUALS'>EQUALS</option>";
ただし、これは空になります(これには、上記のすべてのものに戻るために select
多くの s を手動で設定することも含まれます)。option
別の解決策は考えられません。どんな助けでも大歓迎です。