Question

<s:form action="searchflight" method="post" id="flightform">
                    <s:url id="remoteurl" action="fromautofill"/>
                    <sj:autocompleter id="listFrom" name="from"
                                      label="From" parentTheme="xhtml"
                                      href="%{remoteurl}"
                                      delay="50" size="60"
                                      loadMinimumCount="2"
                                      onCompleteTopics="updateFrom"
                                      onSelectTopics="updateFrom"
                                      />
         <s:submit></s:form>

How to submit the value selected in the autocompleter along with form submission on clicking submit button.

I tried but always getting from(autocompleter name) value blank in the action.

Answer 1

For now, I’ve figured out an alternative.

I have added hidden field and populated in on onSelectTopics of autocompleter as stated below :

<s:form action="searchflight" method="post" id="flightform">
<s:hidden name="from"/>                    
                    <sj:autocompleter id="listFrom"
                                      label="From" parentTheme="xhtml"
                                      href="%{remoteurl}"
                                      delay="50" size="60"
                                      loadMinimumCount="2"                                      
                                      onSelectTopics="updateFrom"
                                      />
 <s:submit></s:form>


<script type="text/javascript">
 $.subscribe('updateFrom', function(event,data) {
                document.flightform.from.value=event.originalEvent.ui.item.value;
            });
</script>