HTML
//HTML Code
<select name="select1" id="select1">
<option>No Match</option>
<option value="1">Test</option>
<option value="2">Test 2</option>
<option value="3">Test 3</option>
</select>
<select name="select2" id="select2">
<option>No Match</option>
<option value="1">Test</option>
<option value="2">Test 2</option>
<option value="3">Test 3</option>
</select>
Jquery Code
//JavaScript Code
$('#select1').change(function() {
var value = $(this).val();
$('#select2').children('option').each(function() {
if ( $(this).val() != value ) {
$(this).attr('disabled', true);
}
});
});
For Live Demo: http://jsfiddle.net/dZqEu/
No comments:
Post a Comment