추가를 누르면 다음을 호출하여 입력란을 만드는 작업을 하는데
input은 잘 나오는데..select는 잘 안나오네요. 고수님들 부탁 드려요.. 머리가 아파올 지경이네요.ㅠ
function addRow() {
var oRow = dyntbl1.insertRow();
oRow.onmouseover=function(){dyntbl1.clickedRowIndex=this.rowIndex};
var oCell1 = oRow.insertCell();
var oCell3 = oRow.insertCell();
var oCell2 = oRow.insertCell();
oCell1.innerHTML = "<input class=ed style='width:100%;' required name=memo_body_1[] itemname='내용'>";
oCell3.innerHTML = <select class=ed style='width:100%;' required name=memo_body_2[] itemname='내용'>
<option value="" selected="selected">선택하세요</option>
<option value="a1" >AA</option>
<option value="a2" >BB</option>
</select>;
oCell2.innerHTML = "<input type=button value=\" 삭제 \" onClick=\"delRow()\">";
document.recalc();
}
input은 잘 나오는데..select는 잘 안나오네요. 고수님들 부탁 드려요.. 머리가 아파올 지경이네요.ㅠ
function addRow() {
var oRow = dyntbl1.insertRow();
oRow.onmouseover=function(){dyntbl1.clickedRowIndex=this.rowIndex};
var oCell1 = oRow.insertCell();
var oCell3 = oRow.insertCell();
var oCell2 = oRow.insertCell();
oCell1.innerHTML = "<input class=ed style='width:100%;' required name=memo_body_1[] itemname='내용'>";
oCell3.innerHTML = <select class=ed style='width:100%;' required name=memo_body_2[] itemname='내용'>
<option value="" selected="selected">선택하세요</option>
<option value="a1" >AA</option>
<option value="a2" >BB</option>
</select>;
oCell2.innerHTML = "<input type=button value=\" 삭제 \" onClick=\"delRow()\">";
document.recalc();
}
댓글 3개
이렇게 해보셈요~
function addRow() {
var oRow = dyntbl1.insertRow();
oRow.onmouseover=function(){dyntbl1.clickedRowIndex=this.rowIndex};
var oCell1 = oRow.insertCell();
var oCell3 = oRow.insertCell();
var oCell2 = oRow.insertCell();
oCell1.innerHTML = "<input class=ed style='width:100%;' required name=memo_body_1[] itemname='내용'>";
oCell3.innerHTML = "<select class=ed style='width:100%;' required name=memo_body_2[] itemname='내용'>
<option value='' selected>선택하세요</option>
<option value='a1' >AA</option>
<option value='a2' >BB</option>
</select>";
oCell2.innerHTML = "<input type=button value=\" 삭제 \" onClick=\"delRow()\">";
document.recalc();
}
function addRow() {
var oRow = dyntbl1.insertRow();
oRow.onmouseover=function(){dyntbl1.clickedRowIndex=this.rowIndex};
var oCell1 = oRow.insertCell();
var oCell3 = oRow.insertCell();
var oCell2 = oRow.insertCell();
oCell1.innerHTML = "<input class=ed style='width:100%;' required name=memo_body_1[] itemname='내용'>";
oCell3.innerHTML = "<select class=ed style='width:100%;' required name=memo_body_2[] itemname='내용'>
<option value='' selected>선택하세요</option>
<option value='a1' >AA</option>
<option value='a2' >BB</option>
</select>";
oCell2.innerHTML = "<input type=button value=\" 삭제 \" onClick=\"delRow()\">";
document.recalc();
}
자바스크립트 같은 경우는 ;(세미콜론)으로 문장의 끝을 나타내지 않더라도 개행이 이루어지면 다른 문장으로 인식해 버립니다.
그래서 위 같은 경우는
oCell3.innerHTML = "<select class=ed style='width:100%;' required name=memo_body_2[] itemname='내용'><option value='' selected='selected'>선택하세요</option><option value='a1'>AA</option><option value='a2'>BB</option></select>";
이런 식으로 한 줄에 붙여서 사용하시면 될 듯합니다.
그리고 큰따옴표, 작은따옴표도 사용을 잘하셔야 합니다.
그래서 위 같은 경우는
oCell3.innerHTML = "<select class=ed style='width:100%;' required name=memo_body_2[] itemname='내용'><option value='' selected='selected'>선택하세요</option><option value='a1'>AA</option><option value='a2'>BB</option></select>";
이런 식으로 한 줄에 붙여서 사용하시면 될 듯합니다.
그리고 큰따옴표, 작은따옴표도 사용을 잘하셔야 합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 284508 | |
| 284499 | |
| 284492 | |
| 284490 | |
| 284484 | |
| 284481 | |
| 284478 | |
| 284476 | |
| 284474 | |
| 284472 | |
| 284470 | |
| 284458 | |
| 284457 | |
| 284454 | |
| 284453 | |
| 284447 | |
| 284446 | |
| 284444 | |
| 284441 | |
| 284440 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기