Javascript 使用输入在选择更改上创建Html行（行数取决于所选的选择值）

我正在尝试创建一个html表格行选择更改我创建行的想法是基于选择更改选择的数量选项被选中我想在一个带有输入文本框的特定html表格中创建多个或多个行，但这在按钮单击时适用我不知道如何在选择更改时创建

HTML:

<select id="Number_of_position"  onchange="getval(this);"></select> 
<table id="Positions_names"></table>

JS:

确保删除onchange属性并切换到绑定事件处理程序的方式

您正在寻找jQuery的事件处理程序

这将在每次更改select值时使用新内容更新表：

---

我不明白您想要实现什么：您想要创建一个行的编号，而该编号就是您在选择节点上选择的编号？ᴀʀᴛᴜʀ ғɪʟɪᴘɪᴀᴋ 我有一个快速的问题，为什么我的选项从100开始到0，它们应该从1开始到0100@Shaik，因为for循环是反向的。你必须使用这个：对于var i=1；i=1；我-

$(document).ready(function(){

    var select = document.getElementById("Number_of_position"); 
    for (var i = 100; i >= 1; i--) {
        var option = document.createElement('option');
        option.text = option.value = i; 
        select.add(option, 0);
    }

});

function getval(sel) {
    alert(sel.value);
}

$("#addRow").click(function () {
    $("#Positions_names").append("<tr><td><input type='text'></td></tr>");
});

var select = $("#Number_of_position"), table = $("#Positions_names");

select.change(function () {
    var rows = '';
    for (var i = 0; i < $(this).val(); i++) {
        rows += "<tr><td><input type='text'></td></tr>";
    }
    table.html(rows);
});