Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

選択したオプションのインデックスをJavaScriptのドロップダウンリストに表示するにはどうすればよいですか?


ドロップダウンリストに選択したオプションのインデックスを表示するには、 selectedIndexを使用します JavaScriptのプロパティ。

次のコードを実行して、選択したオプションのインデックスを表示することができます-

<!DOCTYPE html>
<html>
   <body>
      <form id="myForm">
         <select id="selectNow">
            <option>One</option>
            <option>Two</option>
            <option>Three</option>
          </select>
          <input type="button" onclick="display()" value="Click">
      </form>
      <p>Select and click the button to get the index of the selected option.</p>
      <script>
         function display() {
            var index = document.getElementById("selectNow").selectedIndex;
            document.write(index);
         }
      </script>
   </body>
</html>

  1. JavaScriptで選択オプションが選択されているときに非表示のdivを表示するにはどうすればよいですか?

    選択オプションが選択されたときに非表示のdivを表示するには、値「style.display」をブロックに設定します。 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l

  2. Tkinter Comboboxで選択したオプションのインデックスを取得するにはどうすればよいですか?

    アイテムのドロップダウンリストを作成し、リストのアイテムをユーザーが選択できるようにする場合は、コンボボックスウィジェットを使用できます。コンボボックスウィジェットを使用すると、アイテムのリストを即座に選択できるドロップダウンリストを作成できます。ただし、コンボボックスウィジェットで選択したアイテムのインデックスを取得する場合は、 get()を使用できます。 方法。 get() メソッドは、アイテムのインデックスと呼ばれる、選択されたアイテムの整数を返します。 例 例を見て、それがどのように機能するかを見てみましょう。この例では、ドロップダウンリストに曜日のリストを作成しました。ユーザーが