Я написал код для динамической таблицы
мне нужна небольшая коррекция в этом коде,т. е. в этом коде, когда пользователь вводит 2 в текстовое поле и вводит детали в строку, и если пользователь хочет еще одну строку, то пользователь введет 3 в текстовое поле, то все ранее введенные значения исчезнут и появятся три новые строки, но мне нужно, когда пользователь вводит 2 в текстовое поле, то 2 строки будут генерироваться после ввода значений в эти строки, если пользователю нужно снова 1 или 2 строки, то он введет 3 или 4 в текстовое поле, то новые строки хотят генерироваться без исчезновения значений, введенных в вышеуказанные строки.
здесь значение по умолчанию текстового поля равно одному, поэтому при загрузке страницы будет таблица с заголовком и одной строкой, а после ввода значений в 1-й строке, если пользователю нужна еще одна строка, то пользователь введет 2 в текстовое поле и появятся 2 строки, но мне нужно, чтобы когда пользователь вводит новое значение в текстовое поле, то строка хочет появиться, не исчезая значения, введенные в вышеуказанной строке.
Что я уже пробовал:
Введите количество требуемых строк :
| СНО. | Имя | Возраст | Цена |
|---|
функция создания() {
документ ВАР значение=.метода getElementById('txtCount').значение;
if (!isNaN(value)) {
var rows = parseInt(значение);
var trs = [];
for (var i = 0; i < rows; i++) {
trs.push('<tr> <td><input type="text" class="form-control"></td><td> <input type="text" class="form-control"> </td><td> <select class="form-control" id="sel1"><option>select</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option> <option>29</option><option>30</option><option>31</option><option>32</option><option>33</option><option>34</option><option>35</option><option>36</option><option>37</option><option>38</option><option>39</option><option>40</option><option>41</option><option>42</option><option>43</option><option>44</option><option>45</option><option>46</option><option>47</option><option>48</option><option>49</option><option>50</option><option>51</option><option>52</option><option>53</option><option>54</option><option>55</option><option>56</option><option>57</option><option>58</option><option>59</option><option>60</option></select> </td>\n\
&ЛТ;тд&ГТ; &ЛТ;тип входного="текст" класс="форма контроля"&ГТ; &ЛТ;/тд&ГТ; &ЛТ;/тр&ГТ; ')
}
ВАР tbodyHtml = ТРС.присоединяйтесь к(");
var tbody = документ.querySelector('#tbl tbody');
элемента tbody.innerHTML будет = tbodyHtml;
}
}
генерировать();