【问题标题】:Hide select option field from contact form从联系表格中隐藏选择选项字段
【发布时间】:2013-04-17 21:53:31
【问题描述】:

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

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

我的代码是

<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

【问题讨论】:

  • 你考虑过使用 Javascript / jQuery 吗?特别是 jQuery。它有一个 .hide() 函数

标签: forms select hide


【解决方案1】:

你可以像使用jquery的hide函数

$("select").hide();

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

$("select").remove();

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

使用 javascript 你必须像下面这样使用 (display = 'none')

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

【讨论】:

  • ,.感谢您的回复。我按照你的方法。我得到的只是我的电子邮件中 ​​selected template field 位置的空白区域。我需要传递选项值。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-12-03
  • 2018-06-09
  • 2017-12-24
  • 2021-05-27
  • 2020-10-15
  • 2016-07-06
相关资源
最近更新 更多