我如何使用jQuery将标签更改为文本框?例如,我有2个按钮,一个是编辑,另一个是视图。 当用户单击编辑按钮时,所有标签控件都将变成一个文本框。另一方面,当用户单击查看按钮时,所有文本框都将变为标签。 我知道我可以使用“可见”属性来显示某些控件。 但是我的页面上有太多控件。 我花了很多时间进行编码。有人可以帮我吗?

===============>>#1 票数:10 已采纳

您可以使用jQuery的replaceWith函数。

$( "label" ).replaceWith( function() {
    return "<input type=\"text\" value=\"" + $( this ).html() + "\" />";
});

演示: http//jsfiddle.net/eqne2/1/

===============>>#2 票数:0

我认为您想要的是能够在用户单击按钮时更改按钮上的文本。

如果是这种情况,请尝试以下操作: http : //jsfiddle.net/kasdega/MGCVW/

$(document).ready(function() {
    $(".textButton").click(function() {
        var me = $(this);

        me.hide();
        me.after("<input id='tmpInput'/>");
        $("#tmpInput").focus();
        $("#tmpInput").bind("keyup", function(e) {
            e.preventDefault();
            if (e.keyCode == '13') {
                var value = $(this).val();
                $(this).remove();
                if(me.is("input")) {
                    me.val(value);
                } else if(me.is("button")) {
                    me.text(value);
                }
                me.show();
            }
            return false;
        });
    });
});

  ask by user998405 translate from so

未解决问题?本站智能推荐:

1回复

如何使用动态生成的ID使用jQuery获取标签的值

我有一个GridView,其中有两个控件,Label和Textbox。 我想在文本框的change事件上获取Label的值。 我已经使用以下方法来做到这一点。 但我没有得到价值 HTML代码是: 请帮助我,我如何获得标签的价值
2回复

如何使用jQuery将标签更改为文本框

我有一些标签,我想让用户编辑。 是否可以这样做,如果是这样(使用jQuery)。 当用户单击标签时,它将变为文本框,其中包含现有的“标签文本”。 然后,当用户编辑标签并单击文本框以外的某处时,将保存该值。 这可能实际上是一个功能在一个,如果你可以帮助,它将非常感激。
5回复

使用jQuery将标签更改为空文本框

我想通过使用Jquery函数用空的文本框替换Label。 下面是我工作的代码。 链接
5回复

如何使用jQuery将标签的值获取到文本框中

我的问题与此类似: 如何使用jquery将文本框的值添加到标签中 ,但是我试图做相反的事情:我试图将标签的值获取到文本框中。 我认为切换代码中的元素只是一个简单的问题,但事实并非如此。 我也确实查看了标题下方“可能已经有您的答案的问题”部分中提出的一些问题,但是没有找到对我有帮助的问题(也许
1回复

如何更改div中存在的标签文本? 以及如何将下拉列表更改为文本框?

我有以下HTML 和后续的js函数定义: 上面的Jquery函数的调用是在第一个div中进行的。 当第一个div中的下拉菜单更改时,将调用此函数。 在这个函数中,我想标签文本将被改变到"specific user" ,其存在于第二个div,当用户选择"specific use
3回复

仅使用css将标签与文本框正确对齐

我知道读这个标题可能会想到css的旧故事,但它不一样。 我有一个文本框,我给它占位符属性并应用了一个css类。 现在我必须添加一个标签,将其标记为必填字段。 问题是因为CSS,我无法将标签放在文本框的右上角。 这是代码: css代码: 我怎么能摆脱它? 谢谢。
3回复

动态文本框和动态标签

我创建了3个动态texbox。 在运行时,我想在该文本框中输入一些值。 如果单击按钮,则输入的文本框值应显示在一个动态标签控件中。 请帮我一些样品
3回复

将标签垂直对齐文本框

我有一个asp.net网页 - 在其中我有一个asp文本框,旁边有一个asp标签。 标签的字体大小很小,因此高度远小于文本框。 我希望标签垂直对齐到文本框的中间。 目前,标签与文本框的底部对齐。 我该如何实现这一目标?
1回复

带有两个网站标签的文本框

我有两个网站,其中一个我有一个文本框,在另一个网站上有一个标签。 我想做的是将在文本框中写入的值单击按钮后传递到下一个网站的标签上。 Website1.aspx(带有文本框) 文本框: Website2.aspx(带有标签) 我将如何去做。
3回复

文本框和标签位置问题[关闭]

我是asp.net的新手,并且遇到了一些小问题。 问题是将Textbox和label设置在不同的位置,并且当我使用<br/>标签时,表单看起来非常糟糕,我该如何解决流程? 代码是: 请在这方面有人可以帮助我...,