Question

I created a form with a dialog search box for a Street Address and one for a Postal address. How it works is when you click on the search result it populates either the Street or Postal address depending on which button you clicked. It’s all working fine, except when you click on a search result it clears the field population for the other address. As far as I can tell this is all linked to the click function. ANy help will be greatly appreciated, thanks

For example:
If I click on the Postal address button and click a search result it will populate the postal address fields. Then if I click the Street address button, it will populate the Street address fields but also clear the Postal address fields.

Code

<!-- STREET ADDRESS -->
<script type="text/javascript">
  $(document).ready(function() {
    $('#table-data tr').click(function () {
      var curRowClass = $(this).attr("class");
      $('#street_name').val( $('.' + curRowClass + ' td.address_street').text() );
      $('#suburb').val( $('.' + curRowClass + ' td.address_suburb').text() );
      $('#city').val( $('.' + curRowClass + ' td.address_city').text() );
      $("#modal_form").dialog('close');
    });
  });
</script>

<!-- POSTAL ADDRESS -->
<script type="text/javascript">
  $(document).ready(function() {
    $('#table-data tr').click(function () {
      var curRowClass = $(this).attr("class");
      $('#street_name_classy').val( $('.' + curRowClass + ' td.address_street_classy').text() );
      $('#suburb_classy').val( $('.' + curRowClass + ' td.address_suburb_classy').text() );
      $('#city_classy').val( $('.' + curRowClass + ' td.address_city_classy').text() );
      $("#modal_form").dialog('close');
    });
  });
</script>

I can post more code if you need but I’ve narrowed it down to his click function, in this script that is causing the issue.

Thanks

Answer 1

Thanks guys, I ended up solving it using

$('#table-data tr').live('click',function ()

cheers