Javascript的HTML选择下拉

我想从数据库中获取数据，并通过下拉菜单中的选择选项显示它。我也在java脚本页面中正确获取数据。但它不显示在html的下拉菜单中。Javascript的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我得到这个在警报MSG（尝试调试）

这就是信息从数据库获得：

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

来源

2017-03-02 user1955409

onload我收到此警报消息（试图调试）这是信息。从数据库： <选项值= “Infosys公司”> <选项值= “Akamai的”> <选项值= “织锦”> <选项值= “XYZ”> <选项值=“XYZ1 “> – user1955409

所以我得到的watever数据的值，我希望它在以下选项之间： ...... 。像这样 – user1955409

你对'$ .get'的使用看起来像是jQuery。它是否正确？如果是这样，我会标记你的问题...... – War10ck

您使用用途：

$(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>

来源

2017-03-02 10:14:11

你拿到数据后，并设置它，并您的HTML看起来像这样？ http://codepen.io/anon/pen/ryLaxV

如果是，问题是您的选项中没有文字。

<option value="Infosys"></option>

应该成为

<option value="Infosys">Infosys</option>

如何？

var jData = $(data) // create jquery wrapped dom elements 

// now iterate them and add text from values 
jData.each(function() { 
    var currentElement = $(this) // that's jquery way... 
    var value = currentElement.val() 
    currentElement.text(value) 
}) 
// finally append it to the select element 
$('#orgname').html(jData)

而且，考虑使用$(document).ready通过沙克蒂Phartiyal的建议。

并请使用console.log(data)进行调试。要查看控制台 - 右键单击您的页面 - >检查元素。

P.S.它会好得多，如果你从服务器获得原始数据，我的意思是一个JSON或类似的东西！ :)

来源

2017-03-03 21:44:28 Mycolaos

Javascript的HTML选择下拉

回答

相关问题