开发者

Change HTML SELECT OPTIONs using a json object in FBJS

I have a html select input with a default set of options (it has an ID). I also have a json object that looks like

var replacement_options = {'value 1':'display 1', 'value 2':'display 2' ....

How would I replace the options in the select with the values and displays from the json object using Facebook JS开发者_StackOverflow社区? (FBJS)


After piecing some stuff together, I was able to create a function to do this.

    //accepts a object for options {value1:display1, value2:display2...
    function updateSelectOptionsWithJSON(element_id, options, first_display, first_value)
    {
            var choiceList = document.getElementById(element_id);
            for(var count = choiceList.getOptions().length - 1; count > -1; count--)
            {
                    var node = choiceList.getOptions()[count];
                    choiceList.removeChild(node);
            }
            //you can remove these next 4 lines and the last two parameters of this function
            //if you just want options to come from the secton parameter
            var node =  document.createElement('option');
            node.setTextValue(first_display);
            node.setValue(first_value);
            choiceList.appendChild(node);

            for(key in options)
            {
                    var node =  document.createElement('option');
                    node.setTextValue(options[key]);
                    node.setValue(key);
                    choiceList.appendChild(node);
            }
    }


try playing with the FBJS function selectNode.removeChild described in the FBJS wiki entry FBJS

you will also need to use

var option = document.createElement('option');
selectNode.appendChild(option);

to create the option nodes inside the select node

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜