Search jQuery

jQuery Forum

Passing a value to another function

in Using jQuery UI • 8 years ago

The problem is that I have a Javascript function with two parameters which needs to be populated from different sources. It creates a URL and know the function does work using hard codes values. One parameter is populated from a PHP(smarty) variable, whilst the other needs to be populated from a selected autocomplete value. I have tried two approaches.

The first is putting the Javascript function against the Action attribute of the Form associated with the Autocomplete. However I cannot seem to pick up the autocomplete value. This attempt is hown below.

The second approach is to have the Javascript function in the JQuery after the Select associated with the Autocomplete. I then have the Autocomplete value but have no idea how to use the PHP variable.

Both approaches work if I hard code the problem parameter.

The solution is probably simple but I'm missing something! Please help!

<script>
$(document).ready(function() {
$( "#tags" ).autocomplete({
source: availableTags , select: function(event, ui) {
$("#tags").val(ui.item.value);
$("#myForm").submit();}
});
});
</script>
<form id="myForm" action="javascript:findURL($('#tags').(ui.item.value),{$grid})">
<input id="tags" name="categorylist" />
</form>

Replies(5)

kbwood.au

Re: Passing a value to another function

8 years ago

Add the PHP value as a hidden field in the form and just submit it when a tag is selected.

<script>
$(function() { // Shorthand for $(document).ready(function() {
$('#tags').autocomplete({source: availableTags, select: function(event, ui) {
$(this).val(ui.item.value);
$('#myForm').submit();
}});
});
</script>
<form id="myForm" action="myform.php">
<input id="tags" name="categorylist" />
<input type="hidden" name="grid" value="{$grid}"/>
</form>

Michael M..

Re: Passing a value to another function

8 years ago

Thanks kbwood. That did what I wanted it to. However I'm still not very comfortable with Jquery syntax, so if you know a better way of doing this please let me know anybody.

I also want to do two other things:

1. Put a message on the new page "You selected..." However with the code below, this appears on the old page and even then it no longer recognises the value of the variables.

2. Display ui.item.label in the input on the old and new page. At the moment it just shows ui.label.value on the old page and is blank on the new page. Note the new page is essentially the same as the old one, but just has a new image and uses the same program.

Any help gratefully received!

var GridId = $("#grid").val();
$(function() {
$( "#tags" ).autocomplete({
source: availableTags , select: function(event, ui) {   $(this).val(ui.item.label);
            var SelectedId = $(this).val(ui.item.value);
            findURL(SelectedId,GridId);
            $("#myForm").submit();
            $("p").html("<b>You selected:</b> " + SelectedId + " <b>in:</b> " + GridId );}
});
});

kbwood.au

Re: Passing a value to another function

8 years ago

You need to generate these values into your page from PHP, as with the grid ID. Something like this:

<p><b>You selected:</b> {$regions_category_id} <b>in:</b> {$grid}</p>
<form id="myForm">
<input id="tags" name="regions_category_id" value="{$regions_category_id}"/>
<input type="hidden" name="grid" value="{$grid}"/>
</form>