隐藏联系表单中的选择选项字段

时间:2013-04-24 11:10:10

标签: forms select hide

我正在创建一个模板展示主题,其中包含一组图像块,我也有一个自定义联系表单。用户选择图像后,它也会从我的自定义表单的选择选项中动态选择。

现在我正试图隐藏我的选择选项字段

我的代码是

<form action="">
    <select name="templates">
      <option value="THEME001">THEME001</option>
      <option value="THEME002">THEME002</option> 
      <option value="THEME003">THEME003</option> 
      <option value="THEME004">THEME004</option> 
      <option value="THEME005">THEME005</option>  
    </select>
</form>

到目前为止,我尝试type="hidden",但它没有用。除了使用ccs visibility:hidden

之外,还有其他方法吗?

1 个答案:

答案 0 :(得分:0)

您可以使用jquery的hide函数,如

$("select").hide();

我认为你可以通过Jquery的remove函数删除它。

$("select").remove();

只需选择select元素,您就可以使用这些Jquery函数来隐藏或删除您的select元素

使用javascript,您必须使用如下(display ='none')

document.getElementById('THE ID OF YOUR SELECT BOX').style.display = 'none'