innerHTML и html: select tag

Question

Я использую JavaScript для добавления выпадающего списка в jsp, нажав кнопку, но почему-то не работает. Может кто-то, пожалуйста, помогите мне. Мне нужно использовать html: select tag.

<script language="JavaScript" type="text/javascript"> 
    function addRow() { 
     var mytbody = document.getElementById('mytbody'); 
     var row = document.createElement('tr'); 
     var cell1 = document.createElement('td'); 

     cell1value=''; 
     cell1value+='<html:select property="test1" styleId="test1"> <html:option value="code1">test 1</html:option> </html:select>';  
     cell1.innerHTML = cell1value;  

     row.appendChild(cell1);  
     mytbody.appendChild(row); 
    } 
</script> 

HTML кода:

<table id="mytable"> 
<tbody id="mytbody"> 
<tr> 
    <td>test1</td> 
</tr> 
</tbody> 
</table> 

<input type="button" onclick="addRow()" value="test"/> 
</form> 
</body> 
</html> 

Спасибо за вашу помощь

Answer 1

Какова цель? Если вам просто нужно вставить строки в таблице, она отлично работает уже:

Look here: 

http://codepen.io/anon/pen/NGNJrV

Вы можете уточнить этот вопрос, пожалуйста?

Answer 2

Я сделал jsfiddle, чтобы проверить это ... Я думаю, вам просто нужно иметь этот javascript в теге заголовка.

Используйте инструменты разработчика F12 и попытайтесь отладить проблему при нажатии кнопки. Вы можете обнаружить, что addRow() не определено.

Я также немного изменил код из-за того, что я не разбираюсь в JSP - извините! Это то, что

"<html:select..." 

строка была? Я изменил его на html.

http://jsfiddle.net/e7z1efgr/

function addRow() { 
 
    var mytbody = document.getElementById('mytbody'); 
 
    var row = document.createElement('tr'); 
 
    var cell1 = document.createElement('td'); 
 

 
    var cell1value = ''; 
 
    cell1value += '<select class="text1"><option value="code1">test 1</option></select>'; 
 
    cell1.innerHTML = cell1value; 
 

 
    row.appendChild(cell1); 
 
    mytbody.appendChild(row); 
 
}

<table id="mytable"> 
 
    <tbody id="mytbody"> 
 
    <tr> 
 
     <td>test1</td> 
 
    </tr> 
 
    </tbody> 
 
</table> 
 
<input type="button" onclick="addRow()" value="test" /> 
 
</form> 
 
</body> 
 

 
</html>

Answer 3

Ваша проблема странный HTML вы вставляете:

'<html:select property="test1" styleId="test1"> <html:option value="code1">test 1</html:option> </html:select>' 

должен быть

'<select property="test1" styleId="test1"> <option value="code1">test 1</option> </select>'