2013-06-30 42 views
-3

我在表單中有2個select元素。第一個選擇元素是靜態的,第二個選擇元素根據第一個選擇元素進行更改 爲此我使用了jquery ajax。我收到所有的東西。 我提交表單時出現問題。我沒有得到第二個選擇元素值。 我的代碼在IE中工作。 但不在Chrome和Mozilla中。 我的HTML文件是由ajax創建的帖子表單數據(選擇)不可用

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta charset="utf-8" /> 
<title>DATA ENTRY</title> 

<script type="text/javascript" src="js/jquery-min.js"></script> 


    </head> 
<body> 

<table class="data_table"> 
<form name="form2" id="form2" method="post" action="submit_ops.php" /> 
<tr> 
    <td> 
     <select name="databaseTable" class="databaseTable"> 
      <option value="">Select Table</option> 
      <option value="value1">value1</option> 
      <option value="value2">value2</option> 
      <option value="value3">value3</option> 
     </select> 
    </td> 
    <td> 
     <select id="TableColumn"> 
     </select> 
    </td> 
</tr> 
<tr> 
    <td colspan="3"><input type="submit" value="Continue" name="usubmit"/></td> 
</tr> 

</form> 
</table> 
</body> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("[name^=databaseTable]").on("change", function(){ 
     var val=$(this).val(); 

     $.ajax({ 
      type: "POST", 
      url: "ajax.php", 
      data: {"val" : val}, 
      success: function(result){ 
       $("#TableColumn").html(result); 

      } 
     }); 

    }); 

}); 
</script> 
</html> 

當我提交表單TableColumn中的值(第二選擇元件)是不可用的。

+0

傳遞的值是'$( 「#COLNAME _」 + ROWID)'的'

'元素? –

+0

你是否確實需要在這裏結合POST和GET變量? – vladkras

+0

嗨@Ammar,如果下面的答案已經解決了您的問題,請考慮[接受它](http://meta.stackexchange.com/q/5234/179419)或添加您自己的解決方案。所以,這表明你已經找到了解決方案。 – mrsrinivas

回答

1

變化爲data值你$.ajax()

$.ajax({ 
      type: "POST", 
      url: "ajax.php?action=change_column", 
      data: {"val" : val+"."+rowId}, 
      success: function(result){ 
       $("#ColName_"+rowId).html(result); 

      } 
     }); 

服務器端

獲得與$_POST['val']

+0

感謝您的回答...阿賈克斯工作正常...阿賈克斯正在創建表單元素