Javascript HTML 选择下拉菜单

Question

我正在尝试从数据库获取数据并通过下拉菜单将其显示在选择选项中。我也在 java 脚本页面中正确获取数据。但它没有显示在html的下拉菜单中。

HTML 代码:

<td>Organization Name:</td>
<td>
    <select id="orgname" name="Oname" onload="getOrganizationname();">
        <option selected disabled value=" ">Choose your Organization</option>

        <!-- <option value="1" >xyz</option>
        <option value="2">Brocade</option>
        <option value="3">Citrix</option> --> 
    </select>
</td>

Javascript 代码:函数 getOrganizationname() {

$.get('getOrganizationname.jsp',function(data)
{
    document.getElementById("orgname").innerHTML= data;
        alert(data);
    }
    );
}

Onload 我在警报消息中收到此消息(尝试调试)

这是来自数据库的信息:

<option value="Infosys"></option>
<option value="Akamai"></option>
<option value="Brocade"></option>
<option value="XYZ"></option>
<option value="XYZ1"></option>
<option value="XYZ2"></option>

Answer 1

您使用使用:

$(document).ready(function(){
    $.get('getOrganizationname.jsp',function(data){
        $("#orgname").html(data);
    });
})

所以你的代码现在变成:

<td>Organization Name:</td>
<td>
    <select id="orgname" name="Oname">
        <option selected disabled value=" ">Choose your Organization</option>
    </select>
</td>
<script>
$(document).ready(function(){
    $.get('getOrganizationname.jsp',function(data){
        $("#orgname").html(data);
    });
});
</script>