使用jquery在文本输入的值中输入数字

Question

我有一个清单，有几个选项。我动态地设置了一个事件，每当单击按钮时，创建一个表和文本输入，并将列表的值放入其中，但是我有一个选项，它有数字值，但它没有设置为该输入的值。看看我的密码。

我的jquery代码：

$("#table_drugs").append("<tr><td>"
    + $("#drugs_list").val() + "<input type='text' name='past_druges_used' value="+$("#drugs_list").val()+">"
    + "</td><td>" + $("#drugs-explain").val()+"<input type='text' name='how_to_use' value="+$("#drugs-explain").val()+">"
    + "</td><td>" + "<button type='button' class='col-sm-7 btn btn-danger pull-right'>delete</button> "
    + "</td></tr>");

我的html：

    <div class="col-md-12">
        <div id="drugs_list_div" class="form-group">
            <div class="col-md-4 col-md-offset-6">
                <select id="drugs_list" class="form-control" style="font-family: font-style-3;">
                    <option>empty</option>
                    <option>Drugs 1</option>
                    <option>Drugs 3</option>
                    <option>Drugs 2</option>

                </select>
            </div>
        </div>
        <div id="drugs-explain-div" class="form-group">
            <div class="col-md-4 col-md-offset-6">
                <input type="text" class="form-control" id="drugs-explain" style="font-family: font-style-1;">
            </div>
        </div>
    </div>
        <div class="col-md-12">
            <div id="table-drugs-div" class="col-xs-11 list-hide">
                <table class="table table-striped" id="table_drugs">
                </table>
            </div>
        </div>

Answer 1

你需要在你的价值观周围加上引号：

$("#table_drugs").append("<tr><td>"
    + $("#drugs_list").val() + "<input type='text' name='past_druges_used' value='"+$("#drugs_list").val()+"'>"
    + "</td><td>" + $("#drugs-explain").val()+"<input type='text' name='how_to_use' value='"+$("#drugs-explain").val()+"'>"
    + "</td><td>" + "<button type='button' class='col-sm-7 btn btn-danger pull-right'>delete</button> "
    + "</td></tr>");