jQuery를 사용하여 모든 항목을 찾아 선택 항목으로 색인 값을 추가하십시오.

Question

내 페이지에있는 모든 <select> 요소를 찾고 색인을 작성한 다음 각 색인을 모든 선택 항목의 값인 <option>에 추가하려고합니다. 여기에 각각의 선택이 : 결국

<select class="select"></select> 
<select class="select"></select> 
<select class="select"></select> 
<select class="select"></select> 

var i = 0; 
    $(".select").each(function(){ 
    ++i; 
    }); 
    $(".select").each(function(){ 
    for (i > 0){ 
     $(this).append("<option val='" + i + "'>" + i + "</option>"); 
    } 
}); 

, 나는 각이있을 것이다 달성하기 위해 노력하고있어 목표처럼 보이는 선택은 : 나는 거의 것 같은

<select> 
    <option val="1">1</option> 
    <option val="2">2</option> 
    <option val="3">3</option> 
    <option val="4">4</option> 
    <option val="5">5</option> 
    <option val="6">6</option> 
    <option val="7">7</option> 
    <option val="8">8</option> 
    <option val="9">9</option> 
    <option val="10">10</option> 
</select> 

같습니다 ...

Answer 1

var $selects = $("select"); 
var selCount = $selects.length; 

for(var i=1; i<=selCount; i++){ 
    $selects.append("<option value='" + i + "'>" + i + "</option>"); 
} 

http://jsfiddle.net/Wy643/

Answer 2

전체 선택이 있기 때문에 모든 선택은 많은 옵션을 얻을해야하는 경우, t 암탉 yuo는이 작업을 수행 할 수 있습니다

var sel = $("select") 
sel.map(function(i, s) { 
    return $("<option>", {text: i, value: i})[0]; 
}).appendTo(sel); 

DEMO : 당신이 관심이 있다면

---

http://jsfiddle.net/vmUpN/

가 여기에 일반 JS 버전의합니다.

var sel = document.getElementsByTagName("select"); 
var opts = document.createDocumentFragment(); 

for (var i = 0; i < sel.length; i++) { 
    opts.appendChild(new Option(i, i)); 
} 
for (var i = 0; i < sel.length; i++) { 
    sel[i].appendChild(opts.cloneNode(true)); 
} 

DEMO :http://jsfiddle.net/vmUpN/1/