কম্পিউটার

HTML DOM নিষ্ক্রিয় সম্পত্তি নির্বাচন করুন


HTML DOM নির্বাচন নিষ্ক্রিয় সম্পত্তি ফেরত দেয় এবং একটি HTML নথিতে ড্রপ-ডাউন তালিকা নিষ্ক্রিয় করা হয় কিনা তা সংশোধন করে৷

সিনট্যাক্স

নিম্নলিখিত সিনট্যাক্স −

  • ফিরে আসা অক্ষম

object.disabled
  • পরিবর্তন অক্ষম

object.disabled = true | false

উদাহরণ

আসুন HTML DOM সিলেক্ট ডিজেবল প্রপার্টি -

এর একটি উদাহরণ দেখি
<!DOCTYPE html>
<html>
<head>
<style>
   html{
      height:100%;
   }
   body{
      text-align:center;
      color:#fff;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;
      height:100%;
   }
   p{
      font-weight:700;
      font-size:1.2rem;
   }
   .drop-down{
      width:35%;
      border:2px solid #fff;
      font-weight:bold;
      padding:8px;
   }
   .btn{
      background:#0197F6;
      border:none;
      height:2rem;
      border-radius:2px;
      width:35%;
      margin:2rem auto;
      display:block;
      color:#fff;
      outline:none;
      cursor:pointer;
   }
   .show{
      font-size:1.5rem;
      font-weight:bold;
   }
</style>
</head>
<body>
<h1>DOM Select disabled Demo</h1>
<p>Hi, Select your favourite subject:</p>
<select class='drop-down'>
<option>Physics</option>
<option>Maths</option>
<option>Chemistry</option>
<option>English</option>
</select>
<button onclick="disEna()" class="btn">Disable/Enable</button>
<div class="show"></div>
<script>
   function disEna() {
      var dropDown = document.querySelector(".drop-down");
      var showMsg = document.querySelector(".show");
      showMsg.innerHTML ="";
      if (dropDown.disabled === true){
         dropDown.disabled = false;
         showMsg.innerHTML ="Previously, I was disabled but now I am enabled";
      }else{
         dropDown.disabled = true;
         showMsg.innerHTML ="Previously, I was enabled but now I am disabled";
      }
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM নিষ্ক্রিয় সম্পত্তি নির্বাচন করুন

অক্ষম/সক্ষম-এ ক্লিক করুন ড্রপ-ডাউন তালিকা নিষ্ক্রিয়/সক্ষম করতে বোতাম। প্রথম ক্লিকে, নিষ্ক্রিয় কাজ করবে -

HTML DOM নিষ্ক্রিয় সম্পত্তি নির্বাচন করুন

এখন −

সক্ষম করতে আবার ক্লিক করুন

HTML DOM নিষ্ক্রিয় সম্পত্তি নির্বাচন করুন


  1. HTML DOM লিঙ্ক অক্ষম সম্পত্তি

  2. HTML DOM বোতাম নিষ্ক্রিয় বৈশিষ্ট্য

  3. HTML DOM ফিল্ডসেট অক্ষম করা সম্পত্তি

  4. HTML DOM Textarea নিষ্ক্রিয় সম্পত্তি