에서 메서드를 사용하여의 select각 요소에 대해 생성 하는 상자가 있습니다. x [1]의 값에 따라 각 행에 대해 다른 옵션이 선택되도록하고 싶습니다.arrayinnerHTMLJavascript
기본적으로 x [1]은 주문할 품목의 수량을 나타내며 select상자 의 목적은 주문을 확인하기 전에 사용자가 수량을 조정할 수 있도록하는 것입니다.
for(i = 0; i < productArray.length; i ++){
item = productArray[i];
var x = item.split(':');
var row = ordertable.insertRow(i + 1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
cell1.innerHTML = x[0];
cell2.innerHTML = x[1] + "<select>\n\
<option value='0'>0</option>\n\
<option value='1'>1</option>\n\
<option value='2'>2</option>\n\
<option value='3'>3</option>\n\
</select>";
cell3.innerHTML = "<input type='button' value='Delete' class='deleteBtn'/>"
}
내 접근 방식은 다음과 같습니다.
var arr = ["<option value='0'>0</option>",
"<option value='1'>1</option>",
"<option value='2'>2</option>",
"<option value='3'>3</option>"];
var i = x[1];
arr[i] = arr[i].substring(0, 8) + " selected='selected' " + arr[i].substring(8);
cell2.innerHTML = "<select>\n" + arr.join("\n") + "</select>";
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다