Bug Tracker

Ticket #3240: serialize.html

File serialize.html, 2.8 KB (added by nathanhammond, August 14, 2008 05:44AM UTC)

Test Case

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Select Disabling Test</title>
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript">
$(document).ready(function () {
	$('#jquery').text($('form').serialize());
});
</script>
</head>

<body>
<h1>Select Disabling Test</h1>
<p>Resulting querystring should match:</p>
<dl>
	<dt>Spec:</dt>
		<dd>multipleoptgroupdisabled=5&multipleoptgroupdisabled=6&multipleoptiondisabled=1&multipleoptiondisabled=2</dd>
	<dt>FF3:</dt>
		<dd>multipleoptgroupdisabled=5&multipleoptgroupdisabled=6&multipleoptiondisabled=1&multipleoptiondisabled=2</dd>
	<dt>jQuery:</dt>
		<dd id="jquery"></dd>
</dl>

<form method="get" action="">
	<div>
		<select name="singleoptgroupdisabled">
			<optgroup label="" disabled="disabled">
				<option value="1">One</option>
				<option selected="selected" value="2">Two</option>
				<option value="3">Three</option>
				<option value="4">Four</option>
			</optgroup>
			<option value="5">Five</option>
			<option value="6">Six</option>
			<option value="7">Seven</option>
			<option value="8">Eight</option>
		</select>
		<select name="singleoptiondisabled">
			<optgroup label="subsection">
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
				<option value="4">Four</option>
			</optgroup>
			<option selected="selected" disabled="disabled" value="5">Five</option>
			<option value="6">Six</option>
			<option value="7">Seven</option>
			<option value="8">Eight</option>
		</select>
		<select name="multipleoptgroupdisabled" multiple="multiple">
			<optgroup label="subsection" disabled="disabled">
				<option selected="selected" value="1">One</option>
				<option selected="selected" value="2">Two</option>
				<option value="3">Three</option>
				<option value="4">Four</option>
			</optgroup>
			<option selected="selected" value="5">Five</option>
			<option selected="selected" value="6">Six</option>
			<option value="7">Seven</option>
			<option value="8">Eight</option>
		</select>
		<select name="multipleoptiondisabled" multiple="multiple">
			<optgroup label="subsection">
				<option selected="selected" value="1">One</option>
				<option selected="selected" value="2">Two</option>
				<option value="3">Three</option>
				<option value="4">Four</option>
			</optgroup>
			<option selected="selected" disabled="disabled" value="5">Five</option>
			<option selected="selected" disabled="disabled" value="6">Six</option>
			<option value="7">Seven</option>
			<option value="8">Eight</option>
		</select>
		<input type="submit" value="Submit" />
	</div>
</form>

</body>

</html>

Download in other formats:

Original Format