使用javascript将列表项值从sharepoint列表绑定到下拉列表中 [英] bind list item value from sharepoint list into dropdown list using javascript

问题描述

请帮助我将绑定列表项值放入下拉列表中，并且还要检查列表列中的下拉列表中的唯一值：

---

Blitz

kindly help me with the binding list item value into the dropdown list and also it shud check for unique values into dropdown from list column

---

Blitz

推荐答案

嗨Sree，

这是你的答案：

<script type="text/javascript" src="/_layouts/15/init.js"></script>
<script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script>
<script type="text/javascript" src="/_layouts/15/sp.js"></script>
<script type="text/javascript" src="/_layouts/15/MicrosoftAjax.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script lang="ecmascript" type="text/javascript">
 var ItemContainer = { ItemList: [] };
 function retrieveListItems() {
        var clientContext = new SP.ClientContext.get_current();
        var oList = clientContext.get_web().get_lists().getByTitle('ListName');
        var camlQuery = new SP.CamlQuery();
        camlQuery.set_viewXml('<View><RowLimit>100</RowLimit></View>');         
        this.collListItem = oList.getItems(camlQuery);
        clientContext.load(collListItem);
        clientContext.executeQueryAsync(
            Function.createDelegate(this, this.onListDataLoadQuerySucceeded),
            Function.createDelegate(this, this.onListDataLoadQueryFailed));
    }

  function onListDataLoadQuerySucceeded(sender, args) { 
      
        var listItemInfo = '';
        var listItemEnumerator = collListItem.getEnumerator();
        while (listItemEnumerator.moveNext()) {
            var oListItem = listItemEnumerator.get_current();
            var tempItem = { ID: oListItem.get_id(), Value: oListItem.get_item('ColumnName') };
            ItemContainer.ItemList.push(tempItem);
        }
       fillDropDown();
    }
   
    function onListDataLoadQueryFailed(sender, args) {
        alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
    }

  function fillDropDown() {
        var ddlCategory = document.getElementById('ddlCategory');
        if (ddlCategory != null) {
            for (var i = 0; i < ItemContainer.ItemList.length; i++) {
                var theOption = new Option;
                theOption.value = ItemContainer.ItemList[i].ID;
                theOption.text = ItemContainer.ItemList[i].Value;
                ddlCategory.options[i] = theOption;
            }
        }
    }

 
</script>
<select id="IDDropDownValue"></select> <br />
<input type="button" value="GetData" onclick="retrieveListItems();" />

参考：  使用JSOM / ECMA脚本从列表中填充下拉列表

这篇关于使用javascript将列表项值从sharepoint列表绑定到下拉列表中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！