如何在html中使用javascript动态显示下拉列表中的选项？ [英] how to display option in dropdownlist dynamically using javascript in html?

问题描述

大家好，

我是JavaScript新手并尝试但不知道该怎么办....

我的问题是如何在下拉列表中显示选项动态使用JavaScript。



在这方面有人可以帮助我吗？

Hi all,
I am new to JavaScript and trying but don't know how to do....
My question is how to display option in dropdownlist dynamically using JavaScript.

Can anybody help me in this regard ?

推荐答案

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);
        };
    }
}

这篇关于如何在html中使用javascript动态显示下拉列表中的选项？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！