sharepoint - 下拉字段 - 第一项应为空

Question

在查找列中使用 sharepoint 构建并将其设置为必填字段。 SharePoint 自动选择下拉框中的第一项(对最终用户有点误导)。

有没有办法在这个下拉框的第一行显示空白或空？

(我对任何解决方案持开放态度。我更喜欢 javascript 类型的解决方案)

Answer 1

对于选择字段，默认值在列设置中配置。如果填充了“默认值”输入框，请删除该值以不使用默认值。

编辑

对于查找字段，如果需要，该字段似乎会发生巨大变化。默认情况下，不需要的字段具有“(无)”值。但是，将字段切换为 required 将删除“(无)”值，并自动选择第一个值。

我发现的一件事是，如果您使用 JavaScript 将空值添加到下拉列表中，然后尝试按“确定”，则会出现一个错误页面:“发生了意外错误。”作为一种解决方法，我编写了更多代码来在提交表单之前快速验证该字段是否具有值。如果该字段没有值，则会提示用户并取消提交。 (注意:此代码仅附加到“确定”按钮，因此您在编辑 EditForm.aspx 时可能会出错。只需为您的查找字段选择一个值，您就可以像往常一样进行编辑)

无论如何，进入代码...我认为您需要更改的唯一行是 var fieldTitle = 'Large Lookup Field';将其更新为您的字段名称。

<script type="text/javascript">

function GetDropdownByTitle(title) {
    var dropdowns = document.getElementsByTagName('select');
    for (var i = 0; i < dropdowns.length; i++) {
        if (dropdowns[i].title === title) {
            return dropdowns[i];

        }
    }
    return null;
}

function GetOKButtons() {
    var inputs = document.getElementsByTagName('input');
    var len = inputs.length;
    var okButtons = [];
    for (var i = 0; i < len; i++) {
        if (inputs[i].type && inputs[i].type.toLowerCase() === 'button' && 
             inputs[i].id && inputs[i].id.indexOf('diidIOSaveItem') >= 0) {
             okButtons.push(inputs[i]);
        }
    }
    return okButtons;
}

function AddValueToDropdown(oDropdown, text, value, optionnumber){
    var options = oDropdown.options;
    var option = document.createElement('OPTION');
    option.appendChild(document.createTextNode(text));
    option.setAttribute('value',value);
    if (typeof(optionnumber) == 'number' && options[optionnumber]) {
        oDropdown.insertBefore(option,options[optionnumber]);
    }
    else {
        oDropdown.appendChild(option);
    }
    oDropdown.options.selectedIndex = 0;
}

function WrapClickEvent(element, newFunction) {
    var clickFunc = element.onclick;
    element.onclick = function(event){
        if (newFunction()) {
            clickFunc();
        }
    };
}

function MyCustomExecuteFunction() {
    // find the dropdown
    var fieldTitle = 'Large Lookup Field';
    var dropdown = GetDropdownByTitle(fieldTitle);
    if (null === dropdown) {
        alert('Unable to get dropdown');
        return;
    }

    AddValueToDropdown(dropdown, '', '', 0);

    // add a custom validate function to the page
    var funcValidate = function() {
        if (0 === dropdown.selectedIndex) {
            alert("Please choose a value for " + fieldTitle + ".");
            // require a selection other than the first item (our blank value)
            return false;
        }
        return true;
    };

    var okButtons = GetOKButtons();
    for (var b = 0; b < okButtons.length; b++) {
        WrapClickEvent(okButtons[b], funcValidate);
    }
}

_spBodyOnLoadFunctionNames.push("MyCustomExecuteFunction");

</script>