2012-03-28 64 views
0

我需要两个下拉式表单框。在第一个内容中选择内容会更新第二个内容。两个选择下拉框,第一个更新第二个NO AJAX

但是我不想在Javascript中使用AJAX JSON更新(我发现这些在线但无法让他们在我的服务器上工作)。我宁愿做的事情是在页面加载时生成一个列表,并从已经加载到页面上的列表中获取Javascript拉。数据来自mySQL数据库,但由于它在页面上预加载更快。

我可以处理从数据库中获取数据,但我需要的是改变第二个下拉框从变量列表或其他一些功能,而再AJAX JSON更新获取数据的JS。

如果可以,我会使用jquery,但所有我在网上找到的都是此脚本的AJAX版本。

+0

当某人在第一个列表中更改选项时,如何决定将哪个预加载列表加载到第二个元素? – 2012-03-28 17:05:19

回答

0
<select id="firstselect" onchange="changeMe(id)" /> 

<script> 
function changeMe(id) { 
    var options1=[1,2,3,4]; 
    var options2=[2,3,4,5]; 

    var options = null; 
    if (id = 1) { 
    var options = options1; 
    } else { 
    var options = options2; 
    } 

    for (var i = 0; i < options.length; i++) { 
    var optn = document.createElement("OPTION"); 
    optn.text = options[i]; 
    optn.value = options[i]; 
    $('secondSelect').add(option, i); 
    } 
} 
</script> 
相关问题