Question

所以我有一个带有各种选项的精选区域，默认是一个选项，提示用户从下拉列表中选择值为“空”。如果用户拒绝在提交之前更改下拉列表，而不是发送包含“空”的字符串，则表单会将该字段更改为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>

如果您提交上面的表单并选择了“请选择”选项，它将恢复ti曼联并发送一个包含“1”的字符串

任何想法为什么它可能会这样做和/或我如何阻止它？

Answer 1

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

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

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

Answer 2

经过进一步调查后，我发现该选项不支持class属性，因此通过在选项中添加class =“red”，它会使html无效，从而阻止数据被提交，因此它将恢复为下一个可用值

提交时选择表单值更改

2 个答案: