选择字段中的必需标签不起作用答案

【问题标题】：Required tag in select field doesn't work选择字段中的必需标签不起作用
【发布时间】：2018-10-18 11:22:29
【问题描述】：

我尝试将所需的属性添加到我的选择标签。不幸的是，这被忽略了。下拉列表由数据库条目动态填充。有谁知道为什么？应该归咎于动态元素吗？

<div class="input-field col s12 m6 l6">
    <?php
    //-------------------------------------------//
    $statement = $pdo->prepare("SELECT * FROM availableCards WHERE Active = '1' ORDER BY Description");
    $statement->execute();
    echo '<select name="images" id="images" required>';
    echo '<option value="" disabled selected>Bitte wählen</option>';
    while ($data = $statement->fetchAll(PDO::FETCH_ASSOC)) {
        foreach ($data as $row) {
            echo '<option name="' . $row['Value'] . '" value="' . $row['Value'] . '" data-icon="../cards/' . $row['ImagePath'] . '">' . $row['Description'] . '</option>';
        }
    }
    echo '</select>';
    //-------------------------------------------//
    ?>
    <label for="images">Karte auswählen</label>
</div>

【问题讨论】：

submit button 和 form tag 在哪里
你在使用像 select2 这样的第三方库吗？
看这里的例子link
@BhargavChudasama 我没有把整个东西放在这里。它太大了。下拉列表旁边是一个输入字段，可以很好地与所需的标签配合使用。
您是否正确地将 html5 用于选择标签上的所需属性？

标签： php html select option

【解决方案1】：

复制并粘贴以下块。您拥有的表单可能没有正确嵌套。

<form action="/">
<div class="input-field col s12 m6 l6">
    <?php
    $data = array(
        '1' => 'One',
        '2' => 'Two',
        '3' => 'Three',
    );
    //-------------------------------------------//

    echo '<select name="images" id="images" required>';
    echo '<option value="" disabled selected>Bitte wählen</option>';
    foreach ($data as $row) {
        echo '<option name="' . $row['Value'] . '" value="' . $row['Value'] . '" data-icon="../cards/' . $row['ImagePath'] . '">' . $row['Description'] . '</option>';
    }
    echo '</select>';
    //-------------------------------------------//
    ?>
    <label for="images">Karte auswählen</label>
    <button type="submit" name="button">Bestätigen</button>
</div>
</form>

请添加结束表单标签和最后一个 div 的。 StackOverflow 的嵌入代码是一场噩梦。

【讨论】：

没有任何区别......遗憾的是。选择标签旁边是一个输入字段，它工作得很好。表格和一切似乎都是正确的。

【解决方案2】：

实际上，发生在您的 HTML value="" 的情况并没有在

中打印

<option disabled selected>Bitte auswählen</option>

但是在你的代码中你已经添加了

echo '<option value="" disabled selected>Bitte wählen</option>';

如果你只关注为什么它没有在选项标签中显示value=""，那么它会正常工作。

【讨论】：

现在它在 HTML 中显示 value=""。不幸的是，它仍然无法正常工作。
如果仍然无法正常工作，请继续查看浏览器的控制台，看看是否存在与您的字段或 jquery 相关的错误
并清除所有浏览器缓存以确保加载的页面未被缓存
Okei 我刚刚收到一个错误：名称='images' 的无效表单控件不可聚焦。