2016-06-27 50 views
2

我在用於不同位置的公司的設備的MICROSOFT SQL SERVER MANAGEMENT STUDIO 2014中創建了一個dbms。每個TABLE顯示一個位置的設備。我有一個下拉列表的HTML頁面!其中的每個選項都是表示SQL數據庫的一個表的位置!請告訴我如何以這種方式將我的SQL表格與html下拉列表鏈接起來,當我點擊下拉列表中的位置時,它將顯示該位置所需的表格。 也請告訴我我需要創建一個類似於html頁面中的sql表嗎?或者當我鏈接表格時,表格會自動出現? 如果上述內容複雜或不可行,請告訴我還有什麼可以使我更容易。如何顯示SQL TABLE IN HTML在下拉列表中單擊

<!DOCTYPE HTML> 

    <HTML> 

    <HEAD> 

STATES

<STYLE> 

    body { 
    background-image: url("pc.png"); 
    background-repeat: no-repeat top fixed; 
    background-size:1200px 600px; 
    } 

</STYLE> 

<script type="text/javascript"> 
function configureDropDownLists(ddl1,ddl2) 
{var goa = ['GOA ASF', 'Goa LPG Plant', 'GOA LPG RO', 'Goa LPG Plant','VASCO RETAIL RO', 'VASCO TERMINAL', 'ZUARI INDIAN OILTANKING LTD']; 
    var maharashtra = ['VASHI T&E', 'VASHI TERMINAL ', 'WADALA TERMINAL']; 
    var rajasthan = ['AJMER LPG PLANT ','AJMER TERMINAL', 'AWA-SALAWAS ]; 
    var gujrat = ['AHMEDABAD NWZ LPG ', 'AHMEDABAD NWZ RETAIL', 'AHMEDABAD RETAIL RO', SILVASA LUBE PLANT','VADODARA IRD ']; 
    var madhyapradesh =['BAKANIA RIL', 'RATLAM BANGRUD','SAGAR IRD ']; 
    switch (ddl1.value) 

{

case 'Goa': 
     ddl2.options.length = 0; 
    for (i = 0; i < goa.length; i++) { 
      createOption(ddl2, goa[i], goa[i]); 
     } 
     break; 
    case 'Maharashtra': 
     ddl2.options.length = 0; 
    for (i = 0; i < maharashtra.length; i++) { 
     createOption(ddl2, maharashtra[i], maharashtra[i]); 
     } 
     break; 
    case 'Rajasthan': 
     ddl2.options.length = 0; 
     for (i = 0; i < rajasthan.length; i++) { 
      createOption(ddl2, rajasthan[i], rajasthan[i]); 
     } 
     break; 
    case 'Gujrat': 
     ddl2.options.length = 0; 
     for (i = 0; i < gujrat.length; i++) { 
      createOption(ddl2, gujrat[i], gujrat[i]); 
     } 
     break; 
    case 'MadhyaPradesh': 
     ddl2.options.length = 0; 
     for (i = 0; i < madhyapradesh.length; i++) { 
      createOption(ddl2, madhyapradesh[i], madhyapradesh[i]); 
     } 
     break; 
     default: 
      ddl2.options.length = 0; 
     break; 
} 

}

function createOption(ddl, text, value) { 
    var opt = document.createElement('option'); 
    opt.value = value; 
    opt.text = text; 
    ddl.options.add(opt); 
} 

</script> 

選擇一個狀態:

果阿 馬哈拉施特拉 拉賈斯坦邦 古吉拉特 中央邦

+0

格式化問題但是應用程序代碼我們可以做什麼? @neha – mohan111

回答

2

如果我理解正確的您的要求,我的想法是,爲什麼你需要保持設備在不同的表中,除非有如此多的數據。

你可以把所有的設備在一個表中沿着自己的位置IDS如下

器表

設備ID |名稱| location-id

1 | GOA ASF | 1

2 | GOA LPG RO | 1

3 | AWA-SALAWAS | 3

位置表 location-id |名稱

1 | GOA

2 | Gujarat

3 |拉賈斯坦

在你的HTML執行以下步驟

1)在頁面加載,讓所有使用AJAX從後端的位置,並使用JavaScript/jQuery的追加到下拉列表。

2)在下拉位置的變化得到所選擇的位置ID

3)發送另一個AJAX請求以獲得該位置的裝置。

4)一旦收到來自後端的響應,現在將其顯示在HTML中。

你有嗎?

相關問題