remote_function :with 3

Posted by Daniel Wanja Mon, 01 May 2006 16:08:00 GMT 

<%= select_tag "content_type",  options_for_select(content_type_options),
 { :onchange => 
    remote_function(
         :url => {:action => 'filter_by_content'}, 
         :with => 'Form.Element.serialize(this)')  } %>

The above code allows to submit via javascript the selected value of a combo box. The remote call is triggered via the onchange event handler of the select tag. Notice the parameters to the remote function call :url, as usual, but also the :with parameter. The :with option can be very useful if you need more control on what data needs to be sent to the server. In this case we use Form.Element.serialize that url encodes all the parameters found in a given div (doesn’t need to be a form). In this case the content_type=snippet is passed to the server.

Comments

Leave a response

  1. Carlos Forero Fri, 26 May 2006 20:43:09 GMT
    for multiples parameters do it... :with="Form.Element.serialize($('country_id'))+';'+Form.Element.serialize($('city_name'))"
  2. Steve Midgley Fri, 06 Apr 2007 23:15:57 GMT

    Hi,

    If you want to send a value from an arbitrary field element (instead of “this”) you can use:

    :with => “{name: Field.getValue(‘field_val’)}”

    Where ‘field_val’ is the value of any Field on the page. (Of course you’d want to URIEncode this if field_val is user-entered text)..

    Let’s say the field “field_val” has “foo” in it – you’d end up posting this key/value pair in this example:

    name=foo

    Thanks for the article..

    Steve

  3. Lee Fri, 06 Apr 2007 23:27:09 GMT

    Thanks for the tip, Steve.

Comments