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選擇下拉

回答

相關問題