title: how to Change f:param value in javascript
body: <p>I want to change the f:param value attribute from javascript before submitting
  suppose I have a jsf form</p>
  
  <p>I have a link, which is only used to call the javascript function and passes the required parameter</p>
  
  <pre><code>&lt;h:outputLink id="delete" value="#"
   onclick="confirmDelete('#{propertyObj.id}')"
   styleClass="btn btn-danger btn-xs"&gt;
   &lt;h:outputText value="delete" /&gt;
  &lt;/h:outputLink&gt;
  </code></pre>
  
  <p>the javascript function is </p>
  
  <pre><code>function confirmDelete(propertyId) {
      var options = {
          "backdrop" : "static"
      }
      $('#confirm-delete').modal('show');
  // I want to set the f:param value to propertyId here
  
  }
  </code></pre>
  
  <p>the modal</p>
  
  <pre><code>&lt;div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog"
          aria-labelledby="myModalLabel" aria-hidden="true"&gt;
  ...
      &lt;h:form id="modal-form"&gt;
      &lt;h:commandLink id="delete" action="#{propertyBean.delete}"
          styleClass="btn btn-xs btn-red  arabic"&gt;
          &lt;span class="fa fa-ban"&gt;&lt;/span&gt; delete
      &lt;f:param id="param" name="propertyId" value="???"/&gt;//set value as passed from the javascript function
      &lt;/h:commandLink&gt;
      &lt;/h:form&gt;
  &lt;/div&gt;
  </code></pre>