开发者社区> 问答> 正文

将input中输入的值通过append()方法添加到页面上,这样做为何不行?如何去做?

我想将input中输入的值通过append()方法添加到页面上,这样做为何不行?如何去做?
我通过这种方式获取input的值:val xxx = $('#s1').val();
然后放到append()中,但是不行。

<script type="text/javascript" src="jquery-1.12.1.js"></script>
<script>
$(document).ready(function(){
    $('#s2').click(function()
    {
        val xxx = $('#s1').val();
        $('#s0').append($("<table><tr>xxx</tr><tr>2</tr><tr>3</tr></table>"));
    }
    );
});
</script>
 
 <body>
  <form>
  <label id='s0'>安排</label></br>
  <p><label>编号</label><input id='s1' type='text' value='' /><input id='s2' type='button' value='添加' /></br></p>
  </form>

展开
收起
小旋风柴进 2016-05-31 10:04:30 3514 0
1 条回答
写回答
取消 提交回答
  • 你的xxx写在字符串里啊,要写成
    $("<table><tr>"+xxx+"</tr><tr>2</tr><tr>3</tr></table>")

    2019-07-17 19:21:23
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载