Как добавить элемент HTML в эту строку кода javascript?

Question

У меня есть следующие строки кода в моей JavaScript:

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

Что мне нужно сделать, это обернуть слова «Ежемесячный платеж» в двускатном элементе.

Я закодировал, как это (смотри ниже), но тогда он не подхватывает, что это HTML-элемент, он выводит HTML как текст:

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

* UPDATE * Извините за путаница, но я не пытаюсь добавить пробел в текстовое поле. Это строка текста внутри моей формы, но не текстовое или текстовое поле - это просто обычная строка текста, которая появляется внутри формы. Код javascript «fullvalue2» выводит результат из калькулятора в форме. И я просто пытаюсь добавить текст «Ежемесячный платеж», который должен быть обернут в промежутке, до «fullvalue2»

Answer 1

Вы не можете.

Значение элемента управления формой может быть только простым текстом.

Если вам нужна разметка, вам нужно использовать что-то более сложное (например, div с набором contentEditable и кучей 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 элемент для включения описательного текста о качестве input или textarea элемента в пределах form, for атрибута в label элементе для ссылки id из input или textarea, связанных с label элементом