select 标签的可见性

Question

我正在尝试使用 select 标签的可见性，

这是HTML代码；

<div id="dialog">
            <label id="">Hi</label><input type="text" id="input-name" />
            <select id="select-asd" class="selectpicker" name="Name" style="display:none;" hidden></select>
        </div>

我已经尝试了可见性和显示属性，但我无法得到任何结果。

这是JavaScript代码；

var selectAsd = document.getElementById( 'select-asd' );
selectAsd.style.display = 'none';

提前致谢

更新** 我认为问题是因为 "selectpicker"

Answer 1

试试这个...如果你想让 select 可见，只需取消注释 javascript 第二行

var selectAsd = document.getElementById( 'select-asd' );
selectAsd.style.display = 'none';

<div id="dialog">
  <label id="">Hi</label>
  <input type="text" id="input-name" />
  <select id="select-asd" class="selectpicker" name="Name"></select>
</div>

Answer 2

尝试把你的JS代码放到

window.onload = function() {
...
};

Answer 3

答案在这里；

由于select标签的class是select选择器，下面的代码应该用于hide/show元素；

$( "#select-asd" ).selectpicker( "hide" );

select 标签的可见性

Visibility of select tag

javascript

select

dom

visibility