I have a
form where users enter some text manually. Then I'd like to let the users choose a tag from a database through AJAX, not unlike how tag suggestions appear in the SO question
form. While the div where the ajax call places the tag is inside the
form, it does not seem to register and the tag is not picked up by the
form. Am I missing something in my code, is this impossible or, if impossible there a better way to do this? Thanks for any suggestions.
Here is code:
html
<form method="post" action="enterdata.php">
<input type="text" name="text">Enter text here.
<div id="inserttags"></div><a href="javascript:void(0);" onclick="getTags()";>Get tags</a>
<form type="button" name="submit" value="Enter Text and Tag">
</form>
javascript
getTags() {
various Ajax goes here, then
//following line inserts value into div of html
document.getElementById("inserttags").innerHTML=xmlhttp.responseText;
// a bit more ajax, then following pulls tag from db
xmlhttp.open("GET","findtags.php",true);
xmlhttp.send();
} //end function
php
//gettags.php
//first pull tag from db. Then:
echo 'input type="text" name="tag" value= "html">Enter tag';
//above output gets inserted in div and is visible on page.
Though the above output is visible on page, the
form does not seem to pick it up when you click "Enter Text and Tag" to submit the
form.
