CODEWITHSUNDEEP
javascriptjqueryhtml
Alistair Norris
Alistair Norris

Reputation: 67

Passing between two hidden fields

I seem to have an issue with passing a value between two hidden fields.

I'm using a jquery plugin for for geolocation from google maps. The plugin uses a fieldset which includes two hidden fields, one for lat and one for lon. Each time then pin is moved the two values change, which is definitely happening and can be viewed in the developer tools.

I have a form that I'm bringing all of my values into to be sent to a php file all in one go. I've managed to get it working for all the other inputs I need but this one just wont work.

Heres the map with the two hidden fields. The hidden classes come with a value of 20 preset which changes.

<div class="gllpMap">Google Maps</div>
<input type="hidden" class="gllpLatitude" value="20"/>
<input type="hidden" class="gllpLongitude" value="20" />
<input type="hidden" class="gllpZoom" value="3"/>
</div>

And here is my search that is going to be sent to the php. 

<form method="post" action="getData.php">

 <input type="text" name="username" class="mySearch" value="" />
 <input type="hidden" name="fromTest" id="fromTest"/>
 <input type="hidden" name="untilTest" id="untilTest"/>
 <input type="hidden" name="lat" id="lat"/>
 <input type="hidden" name="long" id="long"/>


 <input type="submit" class="myButton" value="">

 </form>

For some reason I just cant get this to work. What I'm looking for is the simplest way to get this lat and long to equal the values set by the two hidden fields. The simpler the better, I'm pretty new to coding and this is just a first mock-up which I hope to revisit properly when I have more time available.

Upvotes: 1

Views: 236

Answers (1)

Nk SP
Nk SP

Reputation: 862

You can take and set the value using JQuery .val() 

$("#lat").val($(".gllpLatitude").val());
$("#long").val($(".gllpLongitude").val());

DEMO

Upvotes: 2

Related Questions