Question

美好的一天！我需要再次帮助解决这个问题。我想在用户点击“其他”按钮时隐藏下拉列表。值和替换为隐藏文本框，该文本框将在用户选择“其他”之后显示，但它不适用于我的案例。这是我的代码：＆＃13; ＆＃13; function addMajorList（）{＆＃13; if（document.getElementById（＆＃39; courseMajor＆＃39;）。value ==＆＃39; other＆＃39;）{＆＃13; document.getElementById（＆＃39; addMajorToList＆＃39;）。style.visibility =＆＃39; visible＆＃39;;＆＃13; }＆＃13; }＆＃13; ＆lt; div class =＆＃34; col-md-3＆＃34;＆gt;＆＃13; ＆lt; select class =＆＃34; btn btn-default dropdown-toggle＆＃34;命名=＆＃34; courseMajor＆＃34; ID =＆＃34; courseMajor＆＃34;＆GT;＆＃13; ＆LT; PHP＆＃13; for（$ i = 0; $ i＆lt; count（$ getMajorList）; $ i ++）{＆＃13; ？＆GT;＆＃13; ＆lt; option value =＆lt;？php echo $ getMajorList [$ i] [0]？＆gt;＆gt;＆lt;？php echo $ getMajorList [$ i] [1];？＆gt;＆lt; / option＆gt;＆＃13 ; ＆LT; PHP＆＃13; }＆＃13; ？＆GT;＆＃13; ＆lt; option value =＆＃34;其他＆＃34;平变化=＆＃34; addMajorList（）＆＃34;＆gt;其他＆LT; /选项＆GT;＆＃13; ＆LT; /选择＆GT;＆＃13; ＆lt;输入类=＆＃34;表单控制信息＆＃34;类型=＆＃34;隐藏＆＃34; ID =＆＃34; addMajorToList＆＃34;名称=＆＃34; addMajorToList＆＃34;＆GT;＆＃13; ＆LT; / DIV＆GT;＆＃13; ＆＃13; ＆＃13;

Answer 1

在你的情况下，我已经改变onchange事件来选择标签而不是隐藏字段我创建了文本输入并添加了CSS来隐藏和显示，我已经删除了你的部分代码用于OP。

＆＃13;

 function addMajorList(){
        if(document.getElementById('courseMajor').value == 'other'){
            document.getElementById('addMajorToList').style.display = "inline";
        }else{
            document.getElementById('addMajorToList').style.display = "none";
        }
    }

＆＃13;

#addMajorToList{
display:none;
}

＆＃13;

    <div class="col-md-3">
      <select class="btn btn-default dropdown-toggle" name="courseMajor" id="courseMajor"  onchange="addMajorList()">
             <option value="oneother">One</option>
              <option value="other">Other</option>
        </select>
        <input class="form-control info" type="text" id="addMajorToList" name="addMajorToList">
    </div>

＆＃13;

使用JAVASCRIPT在HTML中隐藏<select>标记

1 个答案: