选择不会显示自己，选择一个选项将无法正常工作

Question

我从另一家公司得到了一个html-dummy（http://www.gisa.de/formular_test/anmeldeformular.html），现在我正在尝试基于该假人创建一个网络表单（http://www.gisa.de/2359.html）。 我使用相同的脚本，基本结构与虚拟相同，我已经比较了代码中的sh **并没有发现任何东西。我用firebug发现了一件事：带有非工作select块的网站不会从script.js文件调用函数custom_select - 但为什么???

我希望有人会找到解决方案，或者我忽略的东西

我做了2个jsfiddle：

http://fiddle.jshell.net/WbXsv/1/

http://fiddle.jshell.net/95Q8P/1/

Answer 1

代码不一样。在您的网页上，您在div select中错过了两个跨度。 您的页面：

<div class="select">
    <select name="anrede" id="anrede" required="" class="input" style=">
      <option value="0" selected="selected">bitte auswählen</option>
      <option value="Frau">Frau</option>
      <option value="Herr">Herr</option>
    </select>
</div>

他们的页面：

<div class="select">
    <select name="anrede" id="anrede" required="" class="input" style=">
      <option value="0" selected="selected">bitte auswählen</option>
      <option value="Frau">Frau</option>
      <option value="Herr">Herr</option>
    </select>
    <span class="select-icon"></span>
    <span class="select-box">bitte auswählen</span>
</div>

添加这些解决了这个问题。

Answer 2

你有：

.js select {
    opacity: 0;
}

在gisa.css和custom_select函数中添加自定义html代替隐藏选择。