테스트 사이트 - 개발 중인 베타 버전입니다

반복문 안에서 select box - selected 옵션 주기 채택완료

선구자 4년 전 조회 2,013

</p>

<p>list = [01, 02, 00, 11]</p>

<pre>
$.each(list, function(key, value){</pre>

<pre>
  // value.data = 01  
  str =+'<tr>'
       + '<td>abc</td>'
       + '<td><select name="abc" id="abc">' +
       '<option value="00">00</option>' +
       '<option value="01">01</option>' +
       '<option value="02">02</option>' +
       '<option value="03">03</option>' +
       '<option value="04">04</option>' +
       '</select></td>'</pre>

<pre>
});</pre>

<pre>
tbody.append(str); // tabe그려줌 
</pre>

<p> </p>

<p>

 

 

 select box가 반복문을 돌면서 그려줍니다.

 

 

 

저기에서 value.data == 01 

이 값으로 select box가 선택되게 하는 방법이 있나요?

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
플래토
4년 전

</p>

<p> </p>

<p>list = [01, 02, 00, 11]</p>

<p>$.each(list, function(key, value){</p>

<p>

  // value.data = 01  

  str =+'<tr>'

       + '<td>abc</td>'

       + '<td><select name="abc" id="abc">';</p>

<p>   for (var i = 0; i < list.length; i++) {</p>

<p>       str += '<option value="'+list[i]+'" ';</p>

<p>       if (list[i] == value)</p>

<p>           str += ' selected ';</p>

<p>       str += '>'+list[i]+'</option>';</p>

<p>   }</p>

<p>   str += '</select></td>';</p>

<p>    </p>

<p>

});</p>

<p>

tbody.append(str); // tabe그려줌 </p>

<p>

 

이렇게 하면 되지 않을까요?
 
 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

선구자
4년 전
지금 봤네요 해볼게요 감사합니다.
선구자
4년 전
지금 봤네요
위 코드로 될것 같아요
해볼게요 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

@플래토님 

잘 됩니다.

감사합니다.

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

플래토
4년 전
잘되신다니 다행인네요 ^^

댓글을 작성하려면 로그인이 필요합니다.

진서기
4년 전
       '<option value="01" selected='selected'>01</option>' +

해보세요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

선구자
4년 전
저렇게 하면 당연히 되는데

반복문 돌면서
1row select box는 01
2row select box 02

이렇게 값이 다른게 문제에요

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인