在JavaScript中向现有的select元素添加一个option标签

19 浏览
0 Comments

在JavaScript中向现有的select元素添加一个option标签

我希望这个JavaScript能够根据id=\"mainSelect\"创建从12到100的选项，因为我不想手动创建所有的选项标签。你能给我一些建议吗？谢谢。\n

function selectOptionCreate() {
  var age = 88;
  line = "";
  for (var i = 0; i < 90; i++) {
    line += "";
  }
  return line;
}

0

3 答案

0 Comments

问题的原因是用户想要将一个选项标签添加到现有的选择框中，但是代码中只提供了一个选择框的添加方法。

解决方法是将添加选项标签的代码封装成一个函数，通过传入不同的参数来应用到多个选择框上。具体做法是将原先的代码放入一个名为"initDropdownList"的函数中，该函数接受三个参数，分别是选择框的id、最小值和最大值。函数内部通过获取选择框元素，并使用一个循环来创建选项标签并添加到选择框中。最后，用户可以通过调用"initDropdownList"函数并传入不同的参数来应用到多个选择框上。

以下是修改后的代码：

function initDropdownList( id, min, max ) {

var select, i, option;

select = document.getElementById( id );

for ( i = min; i <= max; i += 1 ) {

option = document.createElement( 'option' );

option.value = option.text = i;

select.add( option );

}

}

initDropdownList( 'mainSelect', 12, 100 );

initDropdownList( 'anotherSelect', 1, 5 );

通过调用"initDropdownList"函数并传入不同的参数，可以将选项标签添加到名为"mainSelect"和"anotherSelect"的两个选择框中。

以下是修改后的代码在jsfiddle上的实时演示链接：

http://jsfiddle.net/mwPb5/1/

0
0 Comments

问题的原因是需要在现有的元素的引用。在这个例子中，我们使用getElementById()方法来获取具有id "ageselect" 的元素中。在这里，我们使用new Option()来创建一个新的

最后，我们需要在HTML中添加元素，并添加一个初始选项"Please select"。

这样，我们就成功地通过JavaScript代码向现有的 

var selectElement = document.getElementById('ageselect');
for (var age = 12; age <= 100; age++) {
  selectElement.add(new Option(age));
}

参考链接：

- [HTMLSelectElement.add](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/add)

- [new Option](https://developer.mozilla.org/en-US/docs/Web/API/HTMLOptionElement/Option)

0
0 Comments

这段代码的目的是向现有的元素。接下来，使用for循环从最小值min循环到最大值max，每次循环创建一个

0