如何动态填充 facebook 中的下拉框？

发布于 2024-10-09 23:23:59 字数 265 浏览 4 评论 0原文

我这里有一个问题：我想根据另一个下拉框的选择动态填充一个下拉框！

在主下拉框中，我有一个 onchange= some_JS_function() ，它从我的 sql 服务器获取数据。如果我想要完整的下拉 html 代码并使用 setInnerXHTML() 放置它，那么从我的服务器接收到的部分代码将在新的下拉框中删除。除此之外其他一切都好！

我尝试将选项放入并放在适当的位置。然而，这根本不起作用。

有人可以帮我吗？

谢谢

- 阿山

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

浴红衣 2024-10-16 23:23:59

我相信这就是您所需要的：

http: //remysharp.com/2007/01/20/auto-populate-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>

I believe this is what you need:

http://remysharp.com/2007/01/20/auto-populating-select-boxes-using-jquery-ajax/

Or if you want to do it with JS only:

<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>

回复收藏 0 原文