trying to populate hidden field on my JSF form using jQuery

[Melinda Savoy]

I have some jQuery code whereby I am trying to set the SELECTED option in my dropdown list in a hidden field in the form. Per the code below, when I enter the value in the toAccountNumber field I run a query based on the first 2 characters entered in that field and then select the option that matches in my dropdown.

I want to populated the selected value in a hidden field before I disable the dropdown so that I can pass the hidden field value to my bean however, after the jQuery code completes I went to the view source and the hidden field value was not populated. I am assuming that I should see the value in the hidden field when the jQuery code completes, is that correct?

Any help/direction would be appreciated. Thank you.

BTW, I had used as an example a jQuery user's post on this URL to help me but I'm using blur and not click as the event to act on and it seems like it should work but it is not and I'm assuming I may have a syntax issue(?):

http://jsfiddle.net/charlietfl/5u3BZ/

Here is my jQuery code:

$(function() {
		$("#ARTransferForm\\:toAccountNumber").blur(function() {
	   		var toAcctNumFieldLen = $("#ARTransferForm\\:toAccountNumber").val().length;
			if (toAcctNumFieldLen > 0) {
				// 1.  Disable the GL dropdown list
				$("#ARTransferForm\\:GLAccountNumbers").attr("disabled", "disabled");
				
				// 2.  Facility code selected based on toAccountNumber
				var toAccountNumber = $(this).val().substring(0,2);
	   			$.get('changeSelectedFacilityCode.jsp', {text:toAccountNumber}, function(data) {
		   			//alert('This is what is in data' + data);
		   			var selectedFacilityCodeID = $('select[id$=facilityCodes]').val($(data).find('span[id$=data]').text());
		   			alert('This is the selectedFacilityCodeID = ' + selectedFacilityCodeID);
		   			$("#ARTransferForm\\:selectedFacilityCodeID").val(selectedFacilityCodeID);
	   			});	
	   			
	   			// 3.  Set the FacilityCodes dropdown list to disabled
	   			$("#ARTransferForm\\:facilityCodes").attr("disabled", "disabled");  			
            } else {
				// 1.  Enable the GL dropdown list
				$("#ARTransferForm\\:GLAccountNumbers").removeAttr("disabled");
				
				// 2.  Select first option in facility code dropdown again
				$('select[id$=facilityCodes]').val("0");
				
				// 3.  Enable the FacilityCodes dropdown list
	   			$("#ARTransferForm\\:facilityCodes").removeAttr("disabled");				
			}	   		
	   	});
   	});

Here is my HTML for the hidden field on my JSF form:

<tr>
      <td   nowrap> </td>
      <td   nowrap><font face="Arial" size="2">To Facility Code</font> </td>
      <td    nowrap>
            <h:selectOneListbox id="facilityCodes" size="1" value="#{transactionBean.selectedFacilityCodeID}">
                 <f:selectItems value="#{transactionBean.facilityCodes}"/>
            </h:selectOneListbox>
            <h:inputHidden id="selectedFacilityCodeID" value=""></h:inputHidden>
      </td>
 </tr>

[Melinda Savoy]

I was finally able a value returned from the selectedFacilityCodeID in my dropdown. However, I'm still not able to populate the hidden field in my JSF form.

Here is the modified code but again cannot get the hidden field populated:

var selectedFacilityCode = $("#ARTransferForm\\:selectedFacilityCode").val($(data).find('span[id$=data]').text()).val();
alert (selectedFacilityCode);

// COPY TO HIDDEN FIELD
$("#ARTransferForm\\:selectedFacilityCode").val(selectedFacilityCode);

Hidden field in HTML:

<h:inputHidden id="selectedFacilityCode" value="" />

Any suggestions? Surely this can't be this difficult. Thanks.

[Bear Bibeault]

Moved to the JSF forum as the code examples have JSF tags.

[Melinda Savoy]

My problem was a syntax issue. Finally got it working. The correct syntax was:

$('input[id$=selectedFacilityCodeValue]').val(selFacilityCode);