How to set value of an input using jQuery ?

[Radu Mircea]

Hi ,

I am trying to change the value of an input depending on selection from a combo box, so is user selects "Yes" from combo box the input should contain "test" value and than
if user selects "No" the input should be empty , "test" value remove from it.

I tryed to do it runing the following code:

    
<h:inputText id="myInput" value="aaa" styleClass="myInputStyleClass" />
<h:selectOneMenu id="myComboBox" value="#{bean.boolVal}">
    <f:selectItem itemLabel="#{m.n}" itemValue="false" />
    <f:selectItem itemLabel="#{m.y}" itemValue="true" />
</h:selectOneMenu>

<rich:jQuery timing="onload" selector="#myComboBox" query="change(
  function(){ 
   if ($(this).val() == true) {
    $('.myInputStyleClass').val('test');
   }
  }
)"  />

Running it in this version the javascript error "Object doesn't support this property or method" still occurs.(when i change selection in combo box)

After removing

if ($(this).val() == true)

condtion and additionals { } the first javascript error is gone but another is raised saying "null is 'null' or not an object", when i change selection in combo box.

I am not sure if only rich faces jars (3.3.2) had support for this jQuery implementatios like using "$" and other methods (may be some jQuery libraries are nedded), this could be one reason why this is not working in my opinion.

Please, any idea about how to implement this behavior are welcomed.

Regards,
Radu

[Suraj Jadhav]

Hey Radu,

I am also new to JQuery. But You may try following code.

if ($("input[name='myComboBox']").val() == 'yes'){
	$("#myInput").val("test");
}else if ($("input[name='myComboBox']").val() == 'no'){
	$("#myInput").val("");
}

Also looks like there is error in your script. You have written

 $('.myInputStyleClass').val('test')

but I guess, myInputStyleClass is the style class and not the input control. I will suggest you to try putting some alert() into code to get the values.

[Bear Bibeault]

Please do not post JSF markup in an HTML forum.

We need to see the generated HTML, not the JSF which is meaningless on the client.

[Radu Mircea]

Hi ,

Thanks for replays.

@Bear ok, next time i will take care about it.

@Suraj your example was very helpful ;), also i should say you that you can use a css class as selector, so there are no errors in my script .

I solved this issue.