は、今 <img src="https://i.stack.imgur.com/OLb4p.png" alt="enter image description here"></p> <p>ドロップダウンでの追加項目が

-1

私は値がデータベースからフェッチされるドロップダウンを持ってクリックすると、入力されたテキストを示し、「小学校の追加」で最後のオプションが選択されている場合、Iドロップダウンを非表示にして、入力テキストがの場合は、を置き換えて、ユーザーがこのような既存のデータを入力できないようにします。おかげは、今 <img src="https://i.stack.imgur.com/OLb4p.png" alt="enter image description here"></p> <p>ドロップダウンでの追加項目が

enter image description here

これは私のhtmlコードです。

<select id="elemschool" class="form-control"> 
 
<?php 
 
    $select=$dbcon->query("Select * from elem_school"); 
 
     while ($row=$select->fetch_array()) { 
 
     ?> 
 
         <option value="<?php echo $row['Elem_ID']?>"> 
 
          <?php echo $row['School_Name']?> 
 
         </option> 
 
    <?php 
 
     } 
 
    ?> 
 
     <option style="background-color: #77A5F8" class="addelem" value="addelementary">- ADD ELEMENTARY SCHOOL -</option> 
 
    
 
</select> 
 

 
<input type="text" class="form-control hidden" name="elem_school" id="elem_school" placeholder="NAME OF SCHOOL"> 
 

 
</div>

出典

2017-03-18 Laurie

-1

2 DOM要素を準備します。可視の選択要素と隠れた入力要素。 changeイベントをselect要素にバインドし、 "elementary school"という項目の値に等しい値があるかどうかを確認し、select要素を隠して入力要素を表示します。すべての

出典

2017-03-18 13:05:52 innerpeace

まず既存のコードのスニペットを私たちに提供してくださいので、私たちはそれを変更することができ、誰かが

MANAOLO FORTICH CENTRAL ELEMENTARY SCHOOL

を選択したい場合はどのような第二1と作業

と選択

は小学校のオプションを追加

そのないが

私が推薦する何が/非表示または無効/リストから

<html> 
 

 
<head> 
 
</head> 
 

 
<body> 
 
    <select name='school' onchange="newSchool(this.value)"> 
 
    <option value="">Select a school</option> 
 
    <option value="1">Option 1</option> 
 
    <option value="2">Option 2</option> 
 
    <option value="3">Option 3</option> 
 
</select> 
 
    <input type="text" id="input" disabled /> 
 

 
    <script> 
 
    function newSchool(schoolName) { 
 
     if (schoolName == 3) { 
 
     document.getElementById("input").disabled = false; 
 
     } else { 
 
     document.getElementById("input").disabled = true; 
 
     } 
 
    } 
 
    </script> 
 
</body> 
 

 
</html>

を選択どのようなユーザーに応じて、入力ボックスを有効に示すことである場合は、ユーザーが別のオプションを選択することができるようになる方法を

あなたはそれ

<html> 
 

 
<head> 
 
</head> 
 

 
<body> 
 
    <select name='school' onchange="newSchool(this.value)"> 
 
    <option value="">Select a school</option> 
 
    <option value="1">Option 1</option> 
 
    <option value="2">Option 2</option> 
 
    <option value="3">Option 3</option> 
 
</select> 
 
    <input type="text" id="input" disabled /> 
 

 
    <script> 
 
    document.getElementById("input").hidden = true; 
 

 
    function newSchool(schoolName) { 
 
     if (schoolName == 3) { 
 
     document.getElementById("input").hidden = false; 
 
     document.getElementById("input").disabled = false; 
 
     } else { 
 
     document.getElementById("input").hidden = true; 
 
     document.getElementById("input").disabled = true; 
 
     } 
 
    } 
 
    </script> 
 
</body> 
 

 
</html>

を無効にするだけでなく、それを非表示にしたい場合

出典

2017-03-18 13:17:05

は、今 <img src="https://i.stack.imgur.com/OLb4p.png" alt="enter image description here"></p> <p>ドロップダウンでの追加項目が

答えて

関連する問題