且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何在html中使用javascript动态显示下拉列表中的选项?

更新时间:2023-02-11 20:34:35

function LoadValues(){

removeAllOptions(document.drop_list.ddlName);

addOption(document.drop_list.ddlName, , - 选择 - );



如果(如果我们想要添加任何条件我们可以添加其他条件,只需跳过部分)

{

addOption(document.drop_list .ddlName, VALUE1, 文本1);

addOption(document.drop_list.ddlName, VALUE2, 文本2);

addOption(document.drop_list .ddlName,value3,Text3);

}

否则if(条件)

{

addOption(document.drop_list.ddlName, VALUE1, 文本1);

addOption(document.drop_list.ddlName, VALUE2, 文本2);

addOption(document.drop_list.ddlName,value3, Text3);



}









Santhosh
function LoadValues(){
removeAllOptions(document.drop_list.ddlName);
addOption(document.drop_list.ddlName, " ", "--Select--");

if(If WE want Add Any Condition We can Add Else Simply Skip if Part)
{
addOption(document.drop_list.ddlName,"value1", "Text1");
addOption(document.drop_list.ddlName,"value2", "Text2");
addOption(document.drop_list.ddlName,"value3", "Text3");
}
else if(Condition)
{
addOption(document.drop_list.ddlName,"value1", "Text1");
addOption(document.drop_list.ddlName,"value2", "Text2");
addOption(document.drop_list.ddlName,"value3","Text3");

}




Santhosh


为来源添加选项:

Add options for sources:
<select id="sources"></select>

function showSources(values) {
    var sources = document.getElementById('sources');
    var option;

    var count = values.length;
    if (count == 0) {
        option = document.createElement('option');
        option.text = "N/A";
        sources.appendChild(option);
    }
    else {
        for (var i = 0; i < count; i++) {
            option = document.createElement('option');
            option.text = values[i];
            sources.appendChild(option);
        };
    }
}