JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.emposha.com/demo/fcbkcomplete_2/jquery.fcbkcomplete.js"></script>
<link rel="stylesheet" href="http://www.emposha.com/demo/fcbkcomplete_2/style.css">
<select id="test" name="test">
<option id="1">hello world</option>
<option id="2">computer</option>
<option id="3">book</option>
<option id="4">test</option>
<option id="5">doggy</option>
</select>
<div id="mock-infowindow"></div>
CSS
body { padding: 5px; }
div#mock-infowindow {
margin: 10px 0;
}
#mock-infowindow textarea {
margin-bottom: 5px;
}
#mock-infowindow #submit {
margin-top: 5px;
}
JavaScript
var friends = document.getElementsByTagName('option'),
res = '',
arbitraryPosition = 'null';
for (var i = 0; i < friends.length; i++) {
res += '<option value="'+friends[i].id+'">' + friends[i].value + "</option>\n";
}
//alert(res);
var contentString = "<form method=\"post\" action=\"mapit.do\">\n"
+ '<textarea name="comment" cols="40" rows="5">Enter your gossips here...</textarea><br>'
+ 'image url: <input type="text" cols="40" name="url"></input><br /><br />'
+ '<input type="hidden" name="position" value="' + arbitraryPosition + "\" />\n"
+ "<select id=\"select3\" name=\"about\">" + res + "</select><br />\n"
+ "<input type=\"submit\" id=\"submit\" value=\"Submit\" />"
+ '</form>';
//alert(contentString);
$('#mock-infowindow').html(contentString);
$('#select3 option').each(function() {
//alert($(this).val());
});
$("#select3").fcbkcomplete({
addontab: true,
maxitems: 10,
input_min_size: 0,
height: 10,
cache: true,
newel: true
});