I am trying to get list items in select tag but it is not working.I have tried to fix this in many different ways but nothing works. my code:
<select id ="listBox" multiple="multiple" style="width:200px; height:400px;">
<option></option>
</select>
var context = new SP.ClientContext.get_current();
var hostWebUrl = decodeURIComponent(getQueryStringParameter("SPHostUrl"));
var parrentContext = new SP.AppContextSite(clientContext, hostWebUrl);
var parentWeb = parrentContext.get_web();
var list = parentWeb.get_lists().getByTitle("myList");
var listItems = list.getItems("");
$(document).ready(function () {
clientContext.executeQueryAsync(retrieveListItems);
});
function retrieveListItems() {
clientContext.load(listItems);
clientContext.executeQueryAsync(onSuccess2, onFail)
}
function onSuccess2() {
var onGoing = document.getElementById('listBox');
onGoing.options.length = 0;
var listEnumerator = listItems.getEnumerator();
while (listEnumerator.moveNext()) {
var currentItem = listEnumerator.get_current();
var listBoxItems = currentItem.get_item("Title");
onGoing.options[onGoing.options.length] = new Option(listBoxItems, currentItem.get_item("Title"));
}
function onFail(sender, args) {
alert(args.get_message());
}
}
function getQueryStringParameter(paramToRetrieve) {
var params =
document.URL.split("?")[1].split("&");
var strParams = "";
for (var i = 0; i < params.length; i = i + 1) {
var singleParam = params[i].split("=");
if (singleParam[0] == paramToRetrieve)
return singleParam[1];
}
}