如何在此JavaScript代码行中添加HTML元素？

Question

我的javascript中包含以下代码行：

$('form #fullvalue').val('Monthly Payment: '+fullvalue2+'pm');

我需要做的是在span元素中包裹“每月付款”一词。

我是这样编码的（见下文），但随后并没有意识到它是一个html元素，而是将html作为文本输出：

$('form #fullvalue').val('<span>Monthly Payment: </span>'+fullvalue2+'pm');

*更新*很抱歉造成混乱，但是我没有尝试在文本字段中添加跨度。 它是用于表单中的一行文本，而不是文本或文本区域字段-只是表单中出现的普通文本行。 “ fullvalue2” javascript代码以表格形式输出来自计算器的结果。 而且我只是想在“ fullvalue2”之前添加文本“ Monthly Payment”，应将其包装在一个跨度中

Answer 1

你不能

表单控件的值只能是纯文本。

如果需要标记，则需要使用更复杂的东西（例如，设置了contentEditable的div和一堆JS，以便在使用数据时将其读回）。

Answer 2

要设置节点的HTML，请使用$.html ， $.val用于表单字段。

 $('button').click(function(){ var fullvalue2 = $('#val').val(); $('form #fullvalue').html('<span>Monthly Payment: </span>'+fullvalue2+'pm'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form> <input id="val" value="123.34"/> <span id="fullvalue">Original value</span> </form> <button>Change HTML</button> 

Answer 3

使用label元素在form包含有关input或textarea元素的描述性文本， for使label元素的属性引用与label元素关联的input或textarea id