HTML <option> 显示文本但值为空白答案

【问题标题】：HTML <option> with showing text but a blank valueHTML <option> 显示文本但值为空白
【发布时间】：2019-02-20 15:02:47
【问题描述】：

我想使用一个带有选项的选择，该选项在提交表单时发送一个空白值（空字符串），但我仍然希望该选项在选择中显示文本。使用它不起作用，因为它没有显示第三个选项的文本：

<select name='scope' id='scope'>
  <option value="wz:964" selected>Scope A</option>
  <option value="sz:34218">Scope B</option>
  <option value="">Scope C</option>
</select>

虽然这适用于纯 HTML，但我使用的是 Select2 3.5.4，处理后它不起作用，因为它用 <option value=""></option> 替换了第三个选项

【问题讨论】：

也许不是空字符串，而是包含一个特殊字符，如下划线之类的？
在你想在 Select2 中显示的位置输入一个值，然后，验证发布时间，你可以检测你想要清空哪个索引并清空它（index 是在下拉列表中显示选项位置的属性）。可以应用相同的逻辑来检测用户所做的选择。检测 selected 用户发布的属性，您可以截取其之前的发布和空白值（如果他选择了您想要空白的选项）。

标签： html jquery-select2 html-select

【解决方案1】：

我在本地运行以下示例代码

示例代码：

<head>
    <link href="https://rawgit.com/select2/select2/master/dist/css/select2.css" rel="stylesheet"/>
    <script src="https://code.jquery.com/jquery-1.11.0.js"></script>
    <script src="https://rawgit.com/select2/select2/master/dist/js/select2.js"></script>
    <script>
        jQuery(document).ready(function() { jQuery("#example").select2(); });
    </script>
</head>
<body>
    <form action="#" method="post">
    <select id="example" multiple="multiple" name="example[]" style="width: 300px">
        <option value="wz:964">Scope A</option>
        <option value="sz:34218">Scope B</option>
        <option value="&nbsp;">Scope C</option>
    </select>
    <button type="submit" class="btn btn-default">Submit</button>
</form>
</body>


<br>
<br>
<br>
<br>
<?php

print_r($_REQUEST);

输出：

注意：
使用“ ”而不是“”。

希望对您有所帮助。

【讨论】：