Home/ Questions/Q 7511833
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T23:40:52+00:00

In the jquery below, the two custom fields (customfield_13272, customfield_13273) are select lists which

  • 0

In the jquery below, the two custom fields (customfield_13272, customfield_13273) are select lists which are only populated after the customfield_13271 select list is changed.

I’m trying to assign the selected option of the two custom fields, to be the first element in the list which is not the default “Select an item” option.

The problem, in addition to the fact that the selected option of those fields are not changing, is that when I attempt to alert the value of one of those options, it returns undefined.

Do I simply need to add a delay() function to allow the custom field options to populate or am I missing something else?

BTW, my jQuery css directive IS working fine.

<script type="text/javascript">
jQuery.noConflict()
jQuery(document).ready(function()
{
    jQuery('#customfield_13271').change(
    function()
    {
    jQuery('#customfield_13272,#customfield_13273').css('border','4px solid orange');
    jQuery('#customfield_13272 option').first().next().attr('selected','selected');
    jQuery('#customfield_13273 option').first().next().attr('selected','selected');
    alert(jQuery('#customfield_13272 option').first().next().val());//THIS RETURNS UNDEFINED
    });
});
</script>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can use psuedo selecto :eq(index) to select the element at a specified index.

    Change this

    jQuery('#customfield_13272 option').first().next().attr('selected','selected');
jQuery('#customfield_13273 option').first().next().attr('selected','selected');

    to

    jQuery('#customfield_13272 option:eq(1)').attr('selected','selected');
jQuery('#customfield_13273 option:eq(1)').attr('selected','selected');

    I think just setting the selected attribute of option will not change the select element to show it as selected item. Try this instead.

    jQuery('#customfield_13272').val(jQuery('#customfield_13272 option:eq(1)').val());
jQuery('#customfield_13273').val(jQuery('#customfield_13273 option:eq(1)').val());

    If you want to see which option is selected just use jQuery('#customfield_13272').val()

    • 0