input文本框的value属性在页面中不随输入的数据而变化

最新推荐文章于 2023-10-20 13:44:31 发布

weixin_34228617

最新推荐文章于 2023-10-20 13:44:31 发布

阅读量3.5k

点赞数 1

文章标签： javascript 前端 php ViewUI

今天，在做试验遇到这么一个需求:

　　一个input文本框，输入值后将标签传到后台，在后台解析标签，发现value仍然是初值，不是我们改变后的值。

例如:

<input name="" type="text" value="SS">

当为们改变文本框的值的时候,其value属性值仍然是SS

解决办法:在失去焦点的时候删除此input标签，再创建一个一模一样的标签，value属性设置为改过之后的值。

<input name="ww" type="text" οnblur='updateInputValue()'>

    function updateInputValue() {
        var $inputParent = $("[name='ww']").parent()//获取此元素的父亲
        var $span = $inputParent.children("span");//获取到此元素的哥哥
        var value = $("[name='ww']").val();//获取此元素修改后的值
        $("[name='ww']").remove();//删除此元素
        $span.after($("<input type='text' value='"+value+"' οnblur='updateInputValue()' name='ww'/>"));//利用修改后的值重新拼接一个input
    }

效果:

第二种方式:(多谢评论区的一位兄弟)

$(obj).attr("value",$(obj).val());实现，亲测有效

    <body>
        <input type="text" name="xxx" id="xxx" value="" onchange="changeValue(this)" />
    </body>
    <script>
        function changeValue(obj){
            $(obj).attr("value",$(obj).val());
        }
    </script>

weixin_34228617

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
input文本框的value属性在页面中不随输入的数据而变化

今天，在做试验遇到这么一个需求:　　一个input文本框，输入值后将标签传到后台，在后台解析标签，发现value仍然是初值，不是我们改变后的值。　　例如:&lt;input name="" type="text" value="SS"&gt; 当为们改变文本框的值的时候,其value属性值仍然是SS 解决办法:在失去焦点的时候删除此inpu...
复制链接

扫一扫