추가를 누르면 다음을 호출하여 입력란을 만드는 작업을 하는데
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>";
이런 식으로 한 줄에 붙여서 사용하시면 될 듯합니다.
그리고 큰따옴표, 작은따옴표도 사용을 잘하셔야 합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 284438 | |
| 284437 | |
| 284435 | |
| 284430 | |
| 284420 | |
| 284417 | |
| 284409 | |
| 284401 | |
| 284399 | |
| 284397 | |
| 284380 | |
| 284378 | |
| 284371 | |
| 284370 | |
| 284366 | |
| 284364 | |
| 284360 | |
| 284357 | |
| 284355 | |
| 284354 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기