Ale*_*xey 9 html javascript css jquery serialization
我试图从serialize()jQuery输出中排除不可见的表单值.不可见的输入/选择在div.ui-tabs-hide div中.不是它的孩子,而是后代.所以基本上,我需要在没有ui-tabs-hide类的情况下包含div的所有元素(输入,选择)并在一个表单中用ui-tabs-hide类排除div中的所有元素(输入,选择).
现在,我尝试它包括所有表单元素,但我想我没有指定选择器正确.
请参阅下面的代码以重现该问题:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var formdata = $("#outboundcall:not(.ui-tabs-hide input, .ui-tabs-hide select)").serialize();
console.log(formdata);
});
</script>
<meta charset="utf-8" />
<title>JS Bin</title>
</head>
<body>
<form id="outboundcall">
<div class="content">
<div class="tabs ui-tabs ui-widget ui-widget-content ui-corner-all">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active">
<a href="#tabs-1">Credit Card</a>
</li>
<li class="ui-state-default ui-corner-top">
<a href="#tabs-2">Cheque</a>
</li>
<li class="ui-state-default ui-corner-top">
<a href="#tabs-3">Direct Debit</a>
</li>
</ul>
<div id="tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
<input type="hidden" value="1" name="lead-payment-method" />
</div>
<div id="tabs-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
<p>Cheque functionality is not currently available.</p>
</div>
<div id="tabs-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
<input type="hidden" value="3" name="lead-payment-method" />
</div>
</div>
</div>
</form>
</body>
</html>
这是jsbin的代码:http://jsbin.com/iyevux/5/
Fré*_*idi 13
您可以将:not()应用于类选择器,然后将表单元素子项与:input选择器匹配:
var formdata = $("#outboundcall :not(.ui-tabs-hide) > :input").serialize();
| 归档时间： |
|
| 查看次数： |
12942 次 |
| 最近记录： |