javascript - 选择不会显示自己，选择一个选项将不起作用

Question

我从另一家公司得到了一个 html-dummy（http://www.gisa.de/formular_test/anmeldeformular.html），现在我正在尝试创建一个网络表单（http://www.gisa.de/2359。 html ) 基于那个假人。我使用的是相同的脚本，基本结构和假人一样，我已经比较了代码中的 sh**，但一无所获。我在 firebug 中发现了一件事：具有非工作选择块的站点不会从 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 来代替隐藏的选择。