Question

我有一个收音机盒和搜索栏，其中包含一个带有两个选项值的选择框。

<td>
    <label for="requireDate"><input type="radio" id="date" value="requireDate" name="date" checked="checked"/>START DATE</label>
    <label for="finishDate"><input type="radio" id="date" value="finishDate" name="date" />END DATE</label>
</td>
 . . . 
<tr>
<th>search word</th>
<td>    
    <select name="selectOp" id="selectOp">
        <option value="clipNo">CLIP NUMBER</option>
        <option value="tapeNo">TAPE NUMBER</option>
    </select>
    <span class="br">
        <input type="text" id="searchWord" name="searchWord"/>
    </span>
</td>
</tr>

基于此代码，单击 SEARCH 按钮时将调用两个不同的Ajax函数。我根据单选按钮完成了它的功能。

但是当它添加带有两个选择选项的搜索栏的功能时，我无法弄明白该怎么做。

以下是我使用单选按钮选择完成的部分。

<script type="text/javascript">
$('#search').click(function() {         

if($(':radio[name=date]:checked').val() == 'requireDate'){ 
            CommonUtil.ajaxPagingSubmit('<c:url value="${innovativepot}/encodeMng/encodeListAjaxSubscDtm" />', 1, $('#frm').serialize(), 'content');        
        } else if($(':radio[name=date]:checked').val() == 'finishDate'){ 
            CommonUtil.ajaxPagingSubmit('<c:url value="${innovativepot}/encodeMng/encodeListAjaxcpltSubscDt" />', 1, $('#frm').serialize(), 'content');             
        }           
});
</script>

例如，如果我选择带有“ requireDate ”的单选按钮，然后选择剪辑编号，则在搜索栏中输入“777”< / strong>然后点击搜索按钮。

然后它应显示其剪辑编号中带有“777”的数据，该数据由带有“ requireDate ”的单选按钮调用。

有人可以帮忙吗？

Answer 1

而不是：

$('#date').val()

做的：

$(':radio[name=date]:checked').val()

就是这样。

问题是你的旧查询总是得到第一个无线电按钮，无论它是否被选中。

干杯

<javascript jsp =“”>如何使用select-option为单选按钮和搜索栏创建功能</javascript>

1 个答案: