Question

jquery中如何往input追加内容

我想要的效果就是我选一个专业名称,就往input(已选专业)追加一个,最多可以追加三个.请问各位大神,如何写呢?

Answer 1

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：

$('input[type="checkbox"]').change(function () {

var a = '';

$('input[type="checkbox"]:checked').each(function () {

if (a !== '') {

a += ',';

}

a += $(this).val();

});

$('#a').val(a);

});

3、浏览器运行index.html页面，此时选择内容会自动追加到input输入框中，最多3个。

Answer 2

没搞清楚你具体的意思：
如果你是要追加属性值。可以设个变量，然后加上你的内容，再写回去。

var bb=$("input[name="+shiname+"]").attr('value');

bb+="这是追加的内容";
$("input[name="+shiname+"]").attr('value',bb);

Answer 3

var input = $("#id").val();//先拿到input的值
if(input != "" && input != undefined){
    var valObj = input.split(",");
    if(valObj.length < 3){//先判断是不是有三条数据
        $("#id").val($("#id").val()+","+你选中的值);//填充数据逗号隔开
    }else{
        alert("只能选择三条！");
    }
}

有问题追问 望采纳

Answer 4

这种效果用AngularJS最好做，不过普通的话也容易，input的value值就是文本框里的内容，每次点击都调用添加的函数，函数里写获取input的value的值，获取方式有很多，然后截取逗号或者正则表达式的方式判断截取后数组的长度（例如：数学，语文，英语。截取逗号后长度为3），大于或等于3将不执行下面的步骤，接下来的步骤就是小于3的情况为该value的值中拼接一个逗号加你的选项（例如：，语文）。

Answer 5

$("input[name="+shiname+"]").val($("input[name="+shiname+"]").val()+追加内容);