Question

我有两个下拉菜单的html。

<div id="selects">
            <div id="select1Div" style="float:left;margin-right:15px;"> Select
              Your &lt;Desired pet&gt; <br>
              <select name="firstSelect" id="firstSelect">
                <option>----</option>
              </select>
            </div>
            <div id="select2Div"> Select Your &lt;Gender&gt;
              <br>
              <select name="secondSelect" id="secondSelect">
                <option>----</option>
                &nbsp;
              </select>
            </div>
          </div>
          <br>

我是javascript的新手，所以有人可以帮我指出正确的方向，如何开始编码部分吗？我想要做的就是在所需的宠物下拉下添加猫和狗，在性别选项下添加男性或女性。任何帮助表示赞赏

Answer 1

如果您特别需要使用JavaScript来执行此操作，您可以编写如下内容：

$('#firstSelect')
    .append('<option value="cat">Cat</option>')
    .append('<option value="dog">Dog</option>');

$('#secondSelect')
    .append('<option value="m">Male</option>')
    .append('<option value="f">Female</option>');

使用JavaScript只有在您想要响应事件，ajax调用或动态添加选项时才有意义。

Answer 2

var firstSelect = document.getElementById("firstSelect");
firstSelect.innerHTML += "<option>Cat</option>";
firstSelect.innerHTML += "<option>Dog</option>";

var secondSelect = document.getElementById("secondSelect");
secondSelect.innerHTML += "<option>Male</option>";
secondSelect.innerHTML += "<option>Female</option>";

FIDDLE

下拉菜单Javascript

2 个答案: