HTML Tutorial

عنصر <option>

الاستخدام:

العلامة <option> تستخدم لإنشاء خيارات في القوائم المنسدلة (<select>) وهي تحدد خيارات المستخدم.

السمات:

  • value: قيمة الخيار (اختيارية).
  • selected: تحدد الخيار المحدد مسبقًا (اختيارية).
  • disabled: تُعطّل الخيار بحيث لا يمكن تحديده (اختيارية).

أمثلة:

<select>
  <option value="1">الخيار 1</option>
  <option value="2" selected>الخيار 2</option>
  <option value="3" disabled>الخيار 3 (معطّل)</option>
</select>

استكشاف العلامة <option>:

<!DOCTYPE html>
<html>
<head>
  <title>استكشاف العلامة <option></title>
</head>
<body>
  <h1>استكشاف خيارات القائمة المنسدلة</h1>
  <select id="my-select">
    <option value="1">الخيار 1</option>
    <option value="2" selected>الخيار 2</option>
    <option value="3" disabled>الخيار 3 (معطّل)</option>
  </select>

  <script>
    // تحديد الخيار المحدد
    document.getElementById("my-select").selectedIndex;

    // تعيين الخيار المحدد
    document.getElementById("my-select").selectedIndex = 2;
  </script>
</body>
</html>