Question

Just need a simple jQuery to set the 2nd option in the select list to be the selected item (after change event on the target select as in the code snippet below).

In other words, the list has as the first item “Please select…”.

As soon as the change event fires on the customfield_12972 select list, I want to change the customfield_12973 select list’s selected option to the next option in the select list…

<script type="text/javascript">
jQuery.noConflict()
jQuery(document).ready(function()
    {
        jQuery('#customfield_12972').change(
        function()
        {
            //jQuery('#customfield_12973').setSelectedIndex[1]
        });
    });
</script>

Answer 1

Assuming that the #customfield_12972 is an select tag you can do this:

<script type="text/javascript">
jQuery.noConflict()
jQuery(document).ready(function()
{
    jQuery('#customfield_12972').change(
    function()
    {
        jQuery('#customfield_12973 option').first().removeAttr('selected');
        jQuery('#customfield_12973 option').first().next().attr('selected','selected');
    });
});
</script>

Please note this code is not tested and may need some slight modification.

Hope it helps! Let me know if you need any more assistance.