javascript - 如何将“请选择”添加到 Javascript 下拉菜单

Question

JavaScript 填充 SharePoint 列中的下拉选项，我需要添加“请选择”或不会通过 NOT Null 的空白。

我尝试将新项目添加到 SharePoint 列表并将 .append 添加到 JavaScript，但都没有给出我想要的结果。

function getReasons(ddlReason)
{
    $.ajax({ 
       url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getbytitle('Reason for Rejection')/Items?$orderby=Title", 
       type: "GET", 
       async: false,
       headers: {"accept": "application/json;odata=verbose"}, 
       success: function (data) { 
          if (data != undefined && data.d != undefined && data.d.results != undefined && data.d.results.length > 0) { 
          /////////////
            $.each(data.d.results, function( index, value ) 
            {
                var option = document.createElement("option");
                option.text = value.Title;
                option.value = value.Id;
                ddlReason.appendChild(option);
            });
        } 
       }, 
       error: function (xhr) { 
          alert(xhr.status + ': ' + xhr.statusText); 
       } 
    }); 
}=

我正在从 SharePoint 中获得选项...“坏图像”“编码”

我想在选项顶部添加...“请选择”或空白

标签： javascriptsharepoint-2013

Answer 1

在这种情况下，您可以在 .each 循环之前调用 .appendChild

        var option = document.createElement("option");
        option.text = "Please Select";
        option.value = "-1";
        ddlReason.appendChild(option);

        $.each(data.d.results, function( index, value ) 
        {
            var option = document.createElement("option");
            option.text = value.Title;
            option.value = value.Id;
            ddlReason.appendChild(option);
        });