Why doesn't JavaScript set h:inputHidden value?

Question

I saw many examples and did the same but I cannot set value with JavaScript.

There is my code

<h:form id="listPlacesForm">
  <h:inputHidden id="hiddenMapCenter" value="#{userPlaces.center}" />
</h:form>

and JavaScript

if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(findPosition);
} else
    error('Geo Location is not supported');

function findPosition(position) {
    var lat = position.coords.latitude;
    var lng = position.coords.longitude;
    alert('Start')
    var str = lat + ", " + lng;
    var elem = document.getElementById('listPlacesForm:hiddenMapCenter')
    alert(str)
    elem.value = 'asfsf'
    alert('It works!' + str);
}

All these code works except line: elem.value = 'asfsf'
I tried: elem.value = 'sfd', elem.value = "asfd", elem.value = str

Any ideas?

UPDATE 1
Generated HTML

<form id="mainTabId:listPlacesForm" 
      name="mainTabId:listPlacesForm" method="post"
      action="/DarkComm/app/settings?execution=e3s1" enctype="application/x-www-form-urlencoded">
      <input type="hidden" name="mainTabId:listPlacesForm" value="mainTabId:listPlacesForm" />
      <input id="mainTabId:listPlacesForm:hiddenMapCenter"
             type="hidden"          
             name="mainTabId:listPlacesForm:hiddenMapCenter" value="" />
    <input type="hidden"   name="javax.faces.ViewState"
           id="javax.faces.ViewState" value="e3s1" />
</form>

Did you try just using `hiddenMapCenter` as the id in `document.getElementById` instead of `listPlacesForm:hiddenMapCenter`? — Musa, Apr 18 '15 at 21:35
How did you confirm that the value is not set? There's nothing in the code that would actually use it. — JJJ, Apr 18 '15 at 21:40
@Juhana No, I haven't Also I tried change value for `input type="text"`, `p:inputText` — Bohdan Zv, Apr 18 '15 at 21:41
Please show the generated HTML instead of the JSF code (right click -> view source in the browser). — JJJ, Apr 18 '15 at 21:43
@Juhana, message after line `elem.value = 'asfsf'` did not invoke — Bohdan Zv, Apr 18 '15 at 21:43
You also forgot to terminate several statements using a semicolon. Please be explicit terminating them and do not leave it to the JavaScript parser. — Tiny, Apr 18 '15 at 21:52
Ok, and from that HTML you'll notice that the element's actual id is...? — JJJ, Apr 18 '15 at 21:56
@Juhana actual id is: `mainTabId:listPlacesForm:hiddenMapCenter` :) — Bohdan Zv, Apr 18 '15 at 22:01
How is the form `id` prepended, `mainTabId:listPlacesForm`? What is `mainTabId`? This is not the exact rendered HTML code based on the first XHTML snippet. Did you change it yourself? — Tiny, Apr 18 '15 at 22:02
Ok. It works with next line: `var elem = document.getElementById('mainTabId:listPlacesForm:hiddenMapCenter');` — Bohdan Zv, Apr 18 '15 at 22:03
@Tiny It is tabView around all these elements I thought if I found element I could change its value — Bohdan Zv, Apr 18 '15 at 22:10

score -2 · Answer 1 · answered Apr 18 '15 at 21:39

-2

Change this:

      var elem = document.getElementById('listPlacesForm:hiddenMapCenter')

To this:

      var elem = document.getElementById('hiddenMapCenter')

answered Apr 18 '15 at 21:39

alexeiTruhin

425
3
9

1

JSF prepends `id`s with respective parent components unless `prependId` associated with `` is set to false. – Tiny Apr 18 '15 at 21:42
Try here: http://jsfiddle.net/AlexeiTruhin/2sops8br/ Result: http://i.imgur.com/Oac9CSl.png – alexeiTruhin Apr 18 '15 at 21:42

Why doesn't JavaScript set h:inputHidden value?

1 Answers1