dynamic creation of id attribute

[Yvette Gonzalez]

Hi All - I am a JSF newbie. I have a datatable form with each row containing a drop-down selectonemenu and a inputtextbox. I would like to use javascript (or anything!) to have the drop-down populate the textbox. I wanted to assign the id's of the components using the rowindex of the datamodel for the datatable but id won't let me. What am I missing? Thanks!

[Bauke Scholtz]

JSF already does it. You don´t need to do it. Just assign a fixed ID to h:form, h:dataTable, h:anyInputComponent and -if any- the f:subview so that JSF won´t autogenerate ID´s for you so that you have consistent element ID´s in the generated HTML output at end.

[Yvette Gonzalez]

Thanks but won't I have a table full of drop-down with the same id if I assign an id once in the datatable and it iterates over a datamodel? How can I reference it in the Javascrpit?

I apologize for my ignorance!! Thank you so much!!

[Yvette Gonzalez]

By the way - your blog is wonderful and a lifesaver!! I was hoping you would reply! Thanks!

[Bauke Scholtz]

Check the generated HTML output, make use of the 'this' reference in Javascript and a shot of logical thinking

Example:

<h:someComponent id="foo" onclick="doSomethingWith(this, 'bar')" />
<h:otherComponent id="bar" />

function doSomethingWith(currentElement, otherElementId) {
    var otherElement = document.getElementById(currentElement.id.substring(0, currentElement.id.lastIndexOf(':') + 1) + otherElementId);

    // You now have a handle to the HTML representation of h:otherComponent. Do with it whatever you want. E.g.
    otherElement.value = 'new value';
}

[Yvette Gonzalez]

Thanks Bauke! I took a shot of logical thinking and now all is working!

[Bauke Scholtz]

You´re welcome.