Dynamic dropdown

后端 未结 2 1190
耶瑟儿~
耶瑟儿~ 2020-12-19 19:53

I have two dropdowns in my site. I want to change the number of options and the values of options of one dropdown depending on the value we choosing on the other dropbox by

2条回答
  •  执笔经年
    2020-12-19 20:05

    Try this.

    HTML

    
    
    
    

    JavaScript

    function SetMedia(objLanguage) {
        var objMedia = document.getElementById("media");
        objMedia.options.length = 0;
            objMedia.disabled = false;
        switch (objLanguage.value) {
        case "English":
            objMedia.options.add(new Option("The Indian Express"));
            objMedia.options.add(new Option("The Hindu"));
            break;
        case "Tamil":
            objMedia.options.add(new Option("Tamil Paper 1"));
            objMedia.options.add(new Option("Tamil Paper 2"));
            break;
        case "Telugu":
            objMedia.options.add(new Option("Telugu Paper 1"));
            objMedia.options.add(new Option("Telugu Paper 2"));
            break;
        default:
            objMedia.options.add(new Option("select"));
            objMedia.disabled = true;
            break;
        }
    }
    

    Demo here: http://jsfiddle.net/naveen/z48dc/

提交回复
热议问题