Question

我想要做的是，我想根据选择框的值为我的表添加一定数量的行。我有一个输入类型选择框，它给出了值，当点击一个按钮时，选择框的行数（行数）应该以下面的格式添加到我的表中：

表标题：

日 | Night_at | 标题 | 行程 | Hotel_id |的 Roomtype_id

表行（应添加）：

我的代码：#html part：

＆＃13;

<div class="row">		  
<div class="col-md-4 padding-top-10">
<div class="input-group text-black">
<span class="input-group-addon">Days: </span>
<select name="days" id="days" class="form-control">
<option>--Select</option>
<option value="3">3 Days</option>
<option value="4">4 Days</option>
<option value="5">5 Days</option>
<option value="6">6 Days</option>
<option value="7">7 Days</option>
<option value="8">8 Days</option>
<option value="9">9 Days</option>
<option value="10">10 Days</option>
<option value="11">11 Days</option>
<option value="12">12 Days</option>
<option value="13">13 Days</option>
<option value="14">14 Days</option>
<option value="15">15 Days</option>
<option value="16">16 Days</option>
<option value="17">17 Days</option>
<option value="18">18 Days</option>
<option value="19">19 Days</option>
<option value="20">20 Days</option>
</select>
</div>
</div>
<div class="col-md-2 padding-top-10">
<button class="btn btn-success" name="create" id="create">Create</button>
</div>
</div>

＆＃13;

我需要我的html代码的js代码才能工作。任何形式的帮助都是适当的。 Thnx提前。

Answer 1

假设您的表格中包含ID为“mytbody”的<tbody>标记，则以下是基于select

值的行数

$('#create').click(function()
{
    for(i = 0, i < $('#days').val(), i++)
    {
        $('#mytbody').append( $('<tr>') );
    }
});

然后，您可以附加已创建的表格行以添加所需的内容

如何添加否。基于表中选择框的值的行数

1 个答案: