Is there any tutorial or code that help to poulate a textfield from a chosen value from a select box usuig AJAX or jQuery and PHP? Like in the picture ...
5
-
I think the answer you want is here: stackoverflow.com/questions/5592574/…OverZealous– OverZealous2011-08-15 07:54:16 +00:00Commented Aug 15, 2011 at 7:54
-
3What I wouldn't give for a bit o' Comic Sans right now.Ben Everard– Ben Everard2011-08-15 07:55:30 +00:00Commented Aug 15, 2011 at 7:55
-
@Ben COMIC SAAAAANS!!!Phil– Phil2011-08-15 07:56:32 +00:00Commented Aug 15, 2011 at 7:56
-
Ha! I'll bookmark that one ;-)Ben Everard– Ben Everard2011-08-15 07:58:16 +00:00Commented Aug 15, 2011 at 7:58
-
@OverZealous : I wouldn't use a Dynamic Dependent Select but from a selected item from a select box, I will go database and get some other data from and add it to the next textfieldAli Ben Messaoud– Ali Ben Messaoud2011-08-15 08:03:36 +00:00Commented Aug 15, 2011 at 8:03
Add a comment
|
2 Answers
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
//Please visit http://www.nokiflores.com
$(document).ready(function () {
$("#country").change(
function () {
$("#capital").val($(this).val());
}
);
});
</script>
<select id="country" name="country">
<option value="Delhi" >India</option>
<option value="manila" >phil</option>
<option value="tokyo" >japan</option>
</select>
<input type="text" readonly="readonly" value="" id="capital" name="capital" />
try this one: if you want to use php you will do it another way using ajax. Please visit http://www.nokiflores.com
Comments
I guess once you fill Delhi, the script can decide India, not opposite. However if you want to make a subset of cities available, for selected country: that makes sense.
To your question, for this you would need a mammoth list of all major countries and there cities.
My approach: In javascript make a array of 'country'. Make a csv list for each country (like in.csv, us.csv etc.)
Now using JS populate country option fields. Once country is selected, fire Jquery to fetch corresponding 'country-code.csv' using ajax. Then Simply make a selection list of fetched city-names.
Note: Some people would object on CSV, choose any file format you find appropriate.
