Javascript 是否使用jquery将所选表单追加到表中？

我有下面的代码示例：

  <label for="">Select Ticker:  </label>
    <select class="form-control" style="display: inline" id='selected'>
        {% for p in tickers %}
            <option value="{{ p.ticker_name }}">
                {{ p.ticker_name }}
            </option>
        {% endfor %}
    </select>
    <label for="">Select Ratio:  </label>
    <select class="form-control" style="display: inline" id="fin_ratio">
        {% for f in fin_ratio %}
            <option value="">
                {{ f.ratio_code }}
            </option>
        {% endfor %}
    </select>
    <label for="">Select Item:  </label>
    <select class="form-control" style="display: inline" id="item_code">
        {% for i in items %}
            <option value="">
                {{ i.item_code }}
            </option>
        {% endfor %}
    </select>

<div class="col-md-12" style="">
        <table class="table table-responsive" style="width: 100%" id="myTable">
            <thead>

            </thead>
            <tbody>

            </tbody>
        </table>
    </div>

选择股票代码：
{%p在tickers%}
{{p.ticker_name}
{%endfor%}
选择比率：
{财务比率%中f的百分比}
{{f.ratio_code}}
{%endfor%}
选择项目：
{items%%中的i的%s}
{{i.item_code}
{%endfor%}

在select form中选择值时，我希望将其附加到第一列，并在其他列中选择next，它也会附加到表中。我将尝试此操作，但它会将所有内容附加到表中

$(document).on('change', '#selected', function () {
            var ticker = $( "#selected" ).val();
            var ratio = $( "#fin_ratio" ).val();
            alert(ratio);
            var item = $("#item_code").val();
            var tr = (
                  '<tr>' +
                    '<td>'+ ticker +'</td>'+
                    '<td>'+ ratio+'</td>'+
                    '<td>' + item + '</td>' +
                  '</tr>'
                );

$（文档）.on（'change'，'selected'，函数（）{
var ticker=$（“#选定”）.val（）；
风险值比率=$（“#财务比率”）.val（）；
警戒（比率）；
var item=$（“#item_code”）.val（）；
var tr=(
'' +
''+股票代码+''的+
''+比率+''+
''+项目+''+
''
);

{#警报（股票代码）#} $（'#myTable'）。追加（tr）

---

如何使用jQuery将3个不同的选定表单追加到表体的下一列中？

如果您的选择框位于同一个表中：

//查找列的索引
var tickerColumnIndex=$（'table tr th:contains（Ticker'））.index（）；
var ratioColumnIndex=$（'table tr th:contains（Ratio）'）。index（）；
var itemcolumnidex=$（'table tr th:contains（Item）'）。index（）；
//股票代码更改事件
$（文档）.on（'change'，'#selected'，function（）{
var txt=$（“#所选选项：所选”）.text（）；
$（this）.closest（'tr'）.find（'td'）.eq（tickercolumnidex）.text（txt）；
});
//比率的更改事件
$（文档）.on（'change'，'fin#u ratio'，function（）{
var index=$（'table tr th:contains（Ratio）'）。index（）；
var txt=$（“#财务比率选项：选定”）.text（）；
$（this）.closest（'tr'）.find（'td'）.eq（ratiocolumnidex）.text（txt）；
});
//项目的更改事件
$（文档）.on（'更改'，'项目代码'，函数（））{
var index=$（'table tr th:contains（Item）'）。index（）；
var txt=$（“#项_代码选项：选定”）.text（）；
$（this）.closest（'tr'）.find（'td'）.eq（itemColumnIndex）.text（txt）；
})；

表格{
宽度：100%；
}
表tr-th，
表tr td{
宽度：25%；
边框：1px纯黑；
}

股票行情
比率
项目
选择股票代码：
--挑选--
股票代码1
股票代码2
股票代码3


选择比率：
--挑选--
比率1
比率2
比率3


选择项目：
--挑选--
项目1
项目2
项目3
选择股票代码：
股票代码1
股票代码2
股票代码3


选择比率：
比率1
比率2
比率3


选择项目：
项目1
项目2
项目3
选择股票代码：
股票代码1
股票代码2
股票代码3


选择比率：
比率1
比率2
比率3


选择项目：
项目1
项目2
项目3

您显示的HTML似乎与您描述的问题不完全相关（没有“3表单”的迹象，也没有列）。但是，这是您所需要的。请至少提供表单选择器的HTML，并且该页上已有表格，或者您希望添加该表格。是否要在该选择框所在的特定行的相应列中显示所选选择框的值？@amitwadhwani:我将更清楚地添加代码，您可以吗也许你对我有什么想法。Thanks@gjijo：没错，我会添加更多的代码，这样你就可以在这种情况下帮助我了。谢谢。谢谢你的帮助，让我再试一次。在这种情况下，还有一个问题，如果我只通过使用jQuery获得每个表单中的值，我怎么做呢？因为我想通过使用ajax请求服务器获取这些值来获得这些值服务器端的e数据。$（'fin#u ratio option:selected'）。text（）将给出文本，$（'fin#u ratio option:selected'）。val（）将给出其值。感谢您的支持。尝试时，您的代码工作得非常好，但我如何才能在下一个td标记中为表中的其他3个值追加。