Question

我有一个正在验证的输入字段，但如果我选中特定的复选框，它会在display:none;后消失，并且选择字段就会到位。但是当我提交表单时，它会获取选择值，但在查询中也会请求输入字段值。所以查询看起来像那样

form=contact-us-form-2&source=contact-us-form-2&department=support&summary=Segmentation&summary=&message=asd

表格

<select id="summary" name="summary" class="required">
    <option selected="selected" disabled="disabled" value="">Please select subject</option>
    <option value="Select one">Select one</option>
    <option value="Select two">Select two</option>
    <option value="Select three">Select three</option>
    <option value="Other">Other</option>
</select>

和我的输入字段

<input type="text" name="summary" id="summarise-text-input">

如果我手动删除隐藏的输入字段，它会成功提交表单。

Answer 1

您可以添加隐藏的输入，并使用javascript将其填入输入文本内容。

<select id="summary" name="summary" class="required">
    <option selected="selected" disabled="disabled" value="">Please select subject</option>
    <option value="Select one">Select one</option>
    <option value="Select two">Select two</option>
    <option value="Select three">Select three</option>
    <option value="Other">Other</option>
</select> 
<input type="text" name="summary" id="summarise-text-input_show">
<input type="hidden" name="summary" id="summarise-text-input">

javascript：

$(function() {
    $("#summary").change(function() {
        $("#summarise-text-input_show, #summarise-text-input").val($(this).find(":selected").text());
    });
});

实际上，我不确定我是否真的理解你的问题......

用select validation jquery替换输入

1 个答案: