how to dynamically populate a drop down box in facebook?_问答_开发者

how to dynamically populate a drop down box in facebook?

开发者 https://www.devze.com 2023-02-01 14:40 出处：网络

I have a problem here : I want to dynamically populate a drop down box based on the selection of another drop down box !

in the main drop down box, I have an onchange= some_JS_function() that gets the data from my sql server. if I want to have the whole drop down html code and put it using setInnerXHTML(), then the part of the code received fro开发者_运维问答m my server is removed in the new drop down box. apart from that everything else is ok !

i tried to just have the options come in and put them at the appropriate places. however, this is not working at all.

can anyone please help me ?

thanks

- ahsan

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>

I believe this is what I need : FBJS...OnClick not being passed. DHTML/setInnerXHtml problem

thanks for helping :)