動態選擇選項菜單使用Ajax和PHP

這裏是參考鏈接，http://talkerscode.com/webtricks/dynamic-select-option-menu-using-ajax-and-php.php 它幫助我獲得動態選擇選項，，但它必須被修改以獲得選擇的選項來顯示數據庫中的其他列值，這裏是我得到了什麼動態選擇選項菜單使用Ajax和PHP

function fetch_select(val) 
    { 
     $.ajax({ 
     type: 'post', 
     url: 'fetch_data.php', 
     data: { 
      get_option:val 
     }, 
     success: function (response) { 
      document.getElementById("new_select").innerHTML=response; 
     } 
     }); 
    }

我想要做的是，加miltiple的ID從數據庫，如獲取數據..

function fetch_select(val) 
    { 
     $.ajax({ 
     type: 'post', 
     url: 'fetch_data1.php', 
     data: { 
      get_option1:val 
     }, 
     success: function (response) { 
      document.getElementById("new_select1").innerHTML=response; 
     } 
     }); 
    }

和

function fetch_select(val) 
    { 
     $.ajax({ 
     type: 'post', 
     url: 'fetch_data2.php', 
     data: { 
      get_option2:val 
     }, 
     success: function (response) { 
      document.getElementById("new_select2").innerHTML=response; 
     } 
     }); 
    }

請參閱演示鏈接：DEMO

感謝您的答覆.......

來源

2015-10-30 Maheedhar B

請閱讀此http://stackoverflow.com/a/8890787/1641233 –

您需要獲得第一選擇的選項值做

var state = $("select#state option:selected").attr('value'); 

$.post('file.php', {state:state}, function(data) { 

// do stuff 
});

來源

2015-10-30 10:05:14

我可以通過PHP，獲得（輸入的id）（沒有提交表格），所以我可以檢查選擇查詢以匹配id ...

<input type="text" id="new_select" > 

document.getElementById("new_select").innerHTML=response;

謝謝！

來源

2015-10-30 10:42:50

動態選擇選項菜單使用Ajax和PHP

回答

相關問題