博客

使用jquery给input赋值

首先

，在html中写一个input，设置样式和id。

<input type="text" id="msg_input" style="display:none;width: 15%;border:none;text-align: center;font-size:14px;color: red">

然后

，使用jquery，拿到对应input的id，并给赋值。

​

记得，先得引入jquery文件。

//以下代码实现，再点击button id为submit_all时，显示input id为msg_input的元素，并且给input赋值msg。
$(function () {
    $("#submit_all").click(function () {
        if("{{ msg }}") {
            $("#msg_input").show();
            $("#msg_input").val("{{ msg }}");
            return false;
        }else {
            alert("添加成功");
            return true;
        }
    });
});

因为我设置了默认为隐藏：display:none;

所以使用show()方法显示出input元素：$(“#msg_input”).show();

使用input的id给input赋值：$(“input_id”).val();

使用input的class进行复制：$(“.input_class”).val();