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

时间:2019-02-20 15:02:47

标签: html jquery-select2 html-select

我想将select与一个选项一起使用,该选项在提交表单时发送一个空白值(空字符串),但是我仍然希望该选项在select中显示文本。使用此功能无效,因为它没有显示第三个选项的文本:

<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>替换了第三个选项

1 个答案:

答案 0 :(得分:0)

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

示例代码:

<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);

输出:
enter image description here

注意:
使用“&nbsp;”而不是“”。

希望这会有所帮助。