-4

我需要使用 javascript 或 jQuery 填充单击 HTML 按钮的下拉列表。如果有，请建议我一些链接。任何帮助/建议将不胜感激！谢谢 ！

4

3 回答 3

3

首先为按钮上的点击事件绑定一个处理程序

("#myBtnId").click(function (){
    populateDropDown();
});

然后制作一个填充下拉菜单的函数

function populateDropdown(){
    var $myDD = $("#myDropDownId");
    $myDD.append("<option value='value'>Text</option>");   
}

请注意，如果您有一个项目列表，您只需更改迭代列表的代码并动态放置选项的值和文本。

function populateDropdown(listOfItems){
    var $myDD = $("#myDropDownId");
    for (var i = 0; i<listOfItems.lenght; i++){
       $myDD.append("<option value='"+ listOfItems[i].value +"'>"+listOfItems[i].text+"</option>");   
    }     
}
于 2012-10-11T11:20:31.427 回答
1

它应该相当简单。

您只需要有一个 onclick 事件或使用按钮的事件绑定来调用将填充下拉列表的函数。

例如<button type='button' onclick='Populate();'>Populate</button>

然后您的 JavaScript 函数只需添加值：

function Populate() {

  var dropdown = document.getElementById("dropdown_id_here");

  dropdown.options[0] = new Option('Text 1', 'Value1');
  dropdown.options[1] = new Option('Text 2', 'Value2');

  // And so on, add as many options as required.
}

毫无疑问，有几十种方法可以实现此功能，因此其他解决方案可能更适合您或更简单。

于 2012-10-11T11:18:43.123 回答
0

使用appendChild()选择标签的功能并不断添加您的选项。您可以在以下网址找到详细信息： http: //www.w3schools.com/dom/met_element_appendchild.asp

您也可以使用以下append()函数在 jQuery 中执行此操作：http: //api.jquery.com/append/

您可以在以下位置查看工作代码：http: //jsfiddle.net/shubhanshumishra/jHFZZ/

<input id="clickMe" value="clickme" type="button" />
<select id="dropdown">
    <option value="0">Select Fields</option>
</select>

这是Javascript：

$i=0;
$("#clickMe").click(function(e){
    $i++;
    $("#dropdown").append("<option value='"+$i+"'>New Field</option>");
    });​
于 2012-10-11T11:15:50.917 回答