2

ユーザーがドロップダウンに表示するテキストを動的に変更しようとしています<select>。<!DOCTYPE html>タグを削除すると、以下は正常に機能します。しかし、Safari と Chrome はその場で連携しません<!DOCTYPE html>。残念ながら、私の状況ではオプションではありません。

タグに を追加id=して使用すると問題は回避されますが、残念ながらそれも使用できません。このスクリプトはそのままページ内で動作する必要があるため、 を実行する必要があります。<option>document.getElementByIdgetElementsByTagName

助言がありますか？前もって感謝します。

<!DOCTYPE html>
<html>
<head></head>
<body>

<select>
  <option label="Hi" value="1">Hello</option>
  <option label="Bye" value="2">Goodbye</option>
</select>

<script type="text/javascript">
   document.getElementsByTagName("option")[0].innerHTML = "Aloha";
   document.getElementsByTagName("option")[1].innerHTML = "Shalom";
</script>

</body>
</html>
4

2 に答える 2

3

innerHTML の代わりに label プロパティを設定するか、単に label 属性を削除する必要があります。これは役立つはずです。

于 2013-07-05T00:13:24.677 に答える