Question

我想将文本字段更改为标签标签，其中包含输入用户输入的文本。我已经尝试过并看到了许多有效的示例，但没有将值设置为标签中的文本。 e.g：

<input id="1" type="text" value="hi"/>

我想用标签或div标签替换此输入文本字段，其innerHTML hi或用户输入的值我尝试过以下示例，但我不是这样做的。

<p id="1" onclick="wish(id)">sasdsad</p>
<script>    
    document.getElementById("1").outerHTML = document.getElementById("1").outerHTML.replace(/p/g,"div");
</scrip>

Answer 1

元素id应以字符而非数字开头。

使用jQuery

<input id="one" type="text" value="hi"/>

$('#one').replaceWith("<div>"+$('#one').val()+"</div>");

Answer 2

或者你也可以这样使用，只是为了替代解决方案：

<强> HTML

<input id="toChange" type="text" value="hi"/>
<p id="clickMe" onclick="changeTag()">Click Me</p>

<强>的jQuery

function changeTag(){
  var originalForm = $('#toChange');
  var div = $('<div/>',{
               text : originalForm.val(),
               id : originalForm.attr('id')
            });
  $('#toChange').replaceWith(div);
}

<强> DEMO

使用标签javascript中的输入类型值将输入文本字段更改为标签

2 个答案: