我在这里遇到问题:我想根据另一个下拉框的选择动态填充一个下拉框!
在主下拉框中,我有一个onchange = some_JS_function(),它从我的sql server获取数据。如果我想要整个下拉html代码并使用setInnerXHTML()放置它,那么从我的服务器收到的部分代码将在新的下拉框中删除。除此之外一切都还可以!
我试着让选项进来并将它们放在适当的位置。但是,这根本不起作用。
任何人都可以帮助我吗?
感谢
- 阿赫桑
答案 0 :(得分:1)
我相信这就是你所需要的:
http://remysharp.com/2007/01/20/auto-populating-select-boxes-using-jquery-ajax/
或者如果你只想用JS做这件事:
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
<!--
function ReplaceContentInContainer(id) {
var content;
switch(id)
{
case "1":
content = '<option>4</option><option>5</option><option>6</option>';
break;
case "2":
content = '<option>7</option><option>8</option><option>9</option>';
break;
case "3":
content = '<option>10</option><option>11</option><option>12</option>';
break;
default:
content = '<option>1</option><option>2</option><option>3</option>';
}
document.getElementById("second").innerHTML = content;
}
//-->
</script>
<select name="test" id="test" onChange="ReplaceContentInContainer(this.options[this.selectedIndex].value)">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<select name="second" id="second"></select>
</body>
</html>
答案 1 :(得分:0)
我相信这就是我的需要:FBJS...OnClick not being passed. DHTML/setInnerXHtml problem
感谢您的帮助:)。