추가를 누르면 다음을 호출하여 입력란을 만드는 작업을 하는데
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>";
이런 식으로 한 줄에 붙여서 사용하시면 될 듯합니다.
그리고 큰따옴표, 작은따옴표도 사용을 잘하셔야 합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 284348 | |
| 284336 | |
| 284333 | |
| 284332 | |
| 284320 | |
| 284318 | |
| 284316 | |
| 284313 | |
| 284307 | |
| 284306 | |
| 284303 | |
| 284298 | |
| 284296 | |
| 284290 | |
| 284286 | |
| 284280 | |
| 284277 | |
| 284272 | |
| 284261 | |
| 284259 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기