选择提交时表单值更改

Question

所以我有一个带有各种选项的select字段，默认值是一个提示用户从下拉列表中选择的选项，值为"empty“。如果用户在提交前拒绝更改下拉列表，而不是发送包含"empty“的字符串，则表单会将字段更改为select中的top选项，并发送该数据。我的代码如下：

<select class="num" name="Team_1">
    <option value="empty" class="red">Please Select</option>
    <option value="1">Manchester United</option>
    <option value="2">Bristol City</option>
    <option value="4">Spurs</option>
    <option value="9">Testing</option>
</select>

如果您在选择了“请选择”选项的情况下提交上述表单，它将恢复曼彻斯特联队并发送包含"1“的字符串。

你知道为什么它会这样做吗?或者我怎么才能阻止它？

Answer 1

您应该始终确定默认情况下应选择哪个选项。

<option value="empty" class="red" selected="selected">Please Select</option>

将每个选项标记的值更改为您希望在表单提交后发送的字符串。

Answer 2

经过进一步的研究，我发现该选项不支持类属性，因此通过将class="red“添加到选项中，它会使html无效，这会阻止数据被提交，因此它会恢复为下一个可用值。