Question

我有一个搜索表单，当它被提交时，它会转到别人的搜索网站。在我的表格中，我给用户提供了可供选择的选项。例如，选择搜索我的网站或外部网站。他们可以通过选择单选按钮来选择。

这是我的问题：在搜索外部网站时，因为它也在查询中提交单选按钮，搜索不起作用。它期待?SEARCH=Air+Jordan，而是获得?inlineRadioOptions=Catalog&SEARCH=Air+Jordan。这会在外部站点上引发错误。

有没有办法可以在没有单选按钮的情况下提交？这是我目前正在使用的代码：

<form name="catsearchform37675" id="sForm" method="post" action="">
<div style="margin-bottom: 5px;">
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="Catalog" onclick="$('.search_textField').attr({name:'searcharg',id:'searcharg'});$('#searchtype').val('t');$('#sForm').attr({action:'http://www.searchlocal.com/ch~S17/X',target:'_blank',method:'GET'});$('#hiddenField').append('<input type=\'hidden\' name=\'searchtype\' id=\'searchtype\' value=\'t\' />');" /> Catalog
</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="Website" onclick="$('.search_textField').attr({name:'CAT_Search',id:'CAT_Search'});$('#sForm').attr({action:'/Default.aspx?SiteSearchID=2960&amp;ID=/search-results',target:'self',method:'POST'});" checked="checked" /> Website
</label>
</div>
<div id="hiddenField"></div>
<div class="clearfix"><input type="text" id="CAT_Search" name="CAT_Search" placeholder="Search" hidefocus="true" style="outline: none medium;" class="search_textField" /> <input type="submit" class="search-btn" value="Search" /></div>
</form>

Answer 1

正如评论中所指出的，您必须将单选按钮移出表单。

Answer 2

您可以添加活动＆＃34; onsubmit＆＃34;在提交之前形成和禁用无线电输入：

callback

这里有jsfiddle

如何控制使用jQuery / JavaScript提交的表单字段？

2 个答案: