채택완료

반복문 안에서 select box - selected 옵션 주기

2021-04-21 (수) 11:37:21 2,164
Copy
list = [01, 02, 00, 11]


$.each(list, function(key, value){


  // 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>'


});


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

3077257263_1618972568.6589.png

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

저기에서 value.data == 01 

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

|

답변 3개 / 댓글 4개

채택된 답변
+20 포인트
Copy
list = [01, 02, 00, 11]

$.each(list, function(key, value){


  // value.data = 01  
  str =+'<tr>'
       + '<td>abc</td>'
       + '<td><select name="abc" id="abc">';

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

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

       if (list[i] == value)

           str += ' selected ';

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

   }

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

    


});


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

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

답변에 대한 댓글 2개

지금 봤네요 해볼게요 감사합니다.
지금 봤네요
위 코드로 될것 같아요
해볼게요 감사합니다.
2021-04-21 (수) 15:09:00

@플래토님 

잘 됩니다.

감사합니다.

1954376459_1618985368.5627.png

답변에 대한 댓글 1개

잘되신다니 다행인네요 ^^
       '<option value="01" selected='selected'>01</option>' +

해보세요.

답변에 대한 댓글 1개

저렇게 하면 당연히 되는데

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

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

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