不能使用jquery将数字放入文本输入的值中

时间:2014-07-25 12:25:55

标签: javascript jquery

我有一个列表,有几个选项。我动态设置一个事件,无论何时单击一个按钮,创建一个表和文本输入并将list的值放在那里,但我有选项有数字值,但它没有设置为该输入的值。看我的代码。

我的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>

1 个答案:

答案 0 :(得分:3)

您需要在您的值周围加上引号:

$("#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>");