How to access the JSF's SelectItem from jQuery or JavaScript

Question

Is there a way to access to an id of selectItem JSF from JavaScript or jQuery?

<a:commandButton id="ajaxButton" value="change" onclick="selectCheck()">
</a:commandButton>

<h:selectManyCheckbox id="check" >
    <f:selectItem id="myCheckbox" itemLabel="India" itemValue="India"  />
    <f:selectItem itemLabel="China" itemValue="China" />
    <f:selectItem itemLabel="Germany" itemValue="Germany" />
    <f:selectItem itemLabel="USA" itemValue="USA" />
</h:selectManyCheckbox>

I try to access the id of the component but it returns null:

function selectCheck() {
    var obj = document.getElementById("myCheckbox");
    alert(obj);
    obj.checked=true;
}

I want to check any of theses checkboxes dynamically by JavaScript or jQuery.

possible duplicate of How to refer to a JSF component Id in jquery? and Javascript fails to access a JSF component by calling through its id — BalusC
– BalusC, Commented Nov 17, 2011 at 13:04

Jörn Horstmann · Accepted Answer · 2011-11-17 10:25:57Z

1

Have you looked at the generated html to see if thats really the id of the element? JSF usually prepends the id of the form and some other container elements. The real id might be something like myForm:myCheckbox.

answered Nov 17, 2011 at 10:25

Jörn Horstmann

34.1k11 gold badges77 silver badges122 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ANIS BOULILA Over a year ago

Thanks; the html generate other id for my component.it's solved

Collectives™ on Stack Overflow

How to access the JSF's SelectItem from jQuery or JavaScript

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related