列表文本框html,HTML列表添加文本框

我需要你的帮助我想每次向列表中添加一种成分时都要放一个小文本框。就在它旁边，我可以把数量。有人能帮助我吗？

下面是HTML：HTML列表添加文本框

Ingredient

Nombre Receta:

INGREDIENTES

Cheese

Olives

Pepperoni

Milk

GUARDAR

testing2

这里是我不知道如何改变这样我就可以把文本框的JS：

function selectIngredient(select)

{

var $ul = $(select).closest('.ui-select').prev('ul');

console.log($ul[0])

if ($ul.find('input[value=' + $(select).val() + ']').length == 0) {

console.log('s')

$ul.append('

' +

' ' +

$(select).find('option:selected').text() + '

');

}

}

+4

你需要做的第一件事就是解决您的无效的HTML。 –

+0

具体来说，所有的内容标签(divs，buttons等)都应该放在body标签中。 body元素之后的div也永远不会关闭。 –

+0

我不明白我的html工作正常。 –