下拉列表由数据库中的列表填充。需要将默认值设置为文本作为第一个选项

时间:2017-11-09 12:02:14

标签: javascript jquery html

我有一个"数据"单击另一页上的添加按钮后填充的页面。 在加载该数据页面时,会有一些从数据库加载的下拉列表。下面是用于包含下拉列表的div的HTML。

<div class="divInputLabel">
            Organization Name<span class="requiredMark">|</span></div>
        <div class="divInput" style="height:40px;">
            <div id="divSbmsnOrganization" class="dropdown btn-group fav-dropdown pull-left popupLableDiv">
            </div>
        </div>

以下是jquery和ajax调用,它在加载日期页面时设置值:

   GetSubmissionOrganizationListData = function() {
        $.ajax({
            url: oAuthUrl,
            type: "POST",  
            dataType: "json",
            data: {userId: gloggedInUserId},
            success: function (msg) {
                var header = signOAuthToken(msg); // get the oauth signature from the method
                $.ajax({
                    type : "POST", // GET or POST or PUT or DELETE verb
                    url : dataSubmissionServiceUrl + 'GetAppOrganizationsForDS',
                    data : {
                        userId : gloggedInUserId,
                        Appid : privileges.App.AppId,           
                        AppName :privileges.App.AppName ,
                        pReportingPeriodIDs:'',
                        appActionMappingId:0
                    },
                    dataType : "json", // Expected data format from server
                    processdata : false, // True or False
                    cache : false,
                    timeout:180000,async: false,
                    beforeSend: function (xhr) {                                   
                        xhr.setRequestHeader("Authorization", header);
                    },
                    success : function(result) {// On Successfull service call
                        RenderInitiativeFilter(result, '#divSbmsnOrganization',
                        'SbmsnOrganization');
                        calling_GetAppOrganizations = false;
                        OrganizationSelectedIndexChanged(); 
                    },
                    error : function(res, errorString, exception) {
                        calling_GetAppOrganizations = false;
                        throw new Error("Method name: GetSubmissionOrganizationListData"+ " ServiceURL: "+ this.url+ " Error: "+ res.statusText);
                    }
                });
            },
            error: function(res, errorString, exception) {
                calling_GetAppOrganizations = false;
                throw new Error("Method name: GetSubmissionOrganizationListData"+ " ServiceURL: "+ this.url+ " Error: "+ res.statusText);
            }
        });
    };

在此,数据库的结果已设置为下拉列表,数据库中的第一个值被设置为该下拉列表的第一个值。 我只需要设置该下拉字段的默认第一个值,例如&#34;选择一个组织&#34;并且数据库结果列表应低于该默认消息。 我不知道该怎么做,我已经完成了选择标签,你可以使用&#34;选择&#34;但不确定他的情况。 在这种情况下,有人可以帮助我吗?

2 个答案:

答案 0 :(得分:0)

您需要做的是将您的值添加到选择列表中,它会将其添加到开头。

("#MySelectList").prepend($("<option></option>").val("SelectDefaultValue").html("SelectDefaultText"));

答案 1 :(得分:-1)

您尚未将jquery包含在div中插入结果,但请参阅下文,了解如何在select元素中添加disabled个选项。

&#13;
&#13;
<select>
  <option selected="selected" disabled>Please select</option>
  <option disabled>----</option>
  <option value="1">option 1</option>
  <option value="2">option 2</option>
  <option value="3">option 3</option>
</select>
&#13;
&#13;
&#13;