简体   繁体   English

使用javascript根据下拉选择填充表中的多个字段,数据应在数组中

[英]Populating multiple fields in table based on dropdown selection using javascript, the data should be in arrays

我想使用javascript根据下拉选择自动填充表,并且输入必须来自数组。

Maybe like this:也许是这样的:

 function chsnge_my_select(){ var select = document.getElementById('my_select'); var cell1_text = select.options[select.selectedIndex].value; var cell2_text = select.options[select.selectedIndex].text; var data_arr = [cell1_text, cell2_text]; add_to_my_tbl(data_arr); } function add_to_my_tbl(_arr){ if(!_arr[0] || !_arr[1]){ return false; } var table=document.getElementById('my_tbl'); var row = document.createElement('tr'); var cell1 = document.createElement('td'); var cell2 = document.createElement('td'); cell1.innerHTML = _arr[0]; cell2.innerHTML = _arr[1]; row.appendChild(cell1); row.appendChild(cell2); table.appendChild(row); } document.getElementById('my_select').addEventListener('change', chsnge_my_select, false);
 <select id="my_select"> <option value="1">Item 1</option> <option value="2">Item 2</option> <option value="3">Item 3</option> </select> <table id="my_tbl" width="100%" border="1"> <tr> <td>id</td> <td>name</td> </tr> </table>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM