下拉菜單Javascript

我有兩個下拉菜單的html。下拉菜單Javascript

<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新手，所以有人請幫助指出我在正確的方向，如何開始與此編碼部分？我想要做的就是在想要的寵物下拉下加上貓和狗，在性別選項下加上男性或女性。任何幫助表示讚賞

來源

2014-04-28 SomethingOriginal

所以它只是在正確的地方放置這些東西？如果是這樣你不需要JavaScript，你將需要css – caramba

下拉菜單通常不會使用選擇。就像caramba說的那樣，使用CSS並切換到列表。網上有很多很好的例子。 – isherwood

如果您特別需要使用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調用或動態添加選項。

來源

2014-04-28 20:16:11

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

來源

2014-04-28 20:48:12 akinuri

下拉菜單Javascript

回答

相關問題