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

JavaScriptを使用して選択ボックス要素の値をプログラムで設定するにはどうすればよいですか？

以下を使用して、Javascriptを使用して選択ボックスの値を設定できます。次の選択ボックスがあるとします-

<select id="my-select" value="1">
   <option value="1">Select</option>
   <option value="2">Apple</option>
   <option value="3">Strawberry</option>
   <option value="4">Cherry</option>
   <option value="5">Guava</option>
</select>

このselect要素の値を設定するには、querySelectorを使用してそれにアクセスする必要があります。次に、値を設定します。例-

例

// Search the select box
const mySelectBox = document.querySelector('#my-select');
// Set the value to 3 or Strawberry
mySelectBox.value = 3;

  1. HTMLの<select>要素のデフォルト値を設定するにはどうすればよいですか？

    HTMLを使用すると、アイテムの簡単なドロップダウンリストを簡単に作成して、HTMLフォームでユーザー入力を取得できます。これには要素を使用します。これはドロップダウンボックスとも呼ばれる選択ボックスであり、アイテムを一覧表示するオプションがあります。 また、HTMLフォームのアイテムのドロップダウンリストからデフォルト値を設定できます。そのためには、事前に選択する値のタグでselectedを追加します。 例 次のコードを実行して、HTMLの要素-のデフォルト値を設定する方法を学ぶことができます。 <!DOCTYPE html> <html>  

  2. JavaScriptを使用して親の子要素を取得するにはどうすればよいですか？

    以下は、JavaScriptを使用して親の子要素を取得するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &