Saturday, February 15, 2014

Make an option in select box readonly not disabled using jquery.

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);   
        }
    });
    
});

No comments:

Post a Comment

Spring Boot Config Server and Config Client.

 In Spring cloud config we can externalise our configuration files to some repository like GIT HUT, Amazon S3 etc. Benefit of externalising ...