sou novo por aqui e curioso na programação, então desculpe se falar besteira, mas preciso de ajuda.
Tenho um formulário com a opção de inserir inputs dinamicamente.
Sempre que se adiciona um "item", são adicionados dois inputs, o "foo" e o "bar".
Todos os "foo" se relacionam com o datalist "list".
Todos os "bar" são inativos e seu valor deve ser alterado sempre quando o valor de "foo" for alterado.
HTML INPUTS:
<div id="lista">
<div>
<input name="foo[]" list="dList" type="text">
<inpu name="bar[]" disabled="" type="text">
</div>
<div>
<input name="foo[]" list="dList" type="text">
<inpu name="bar[]" disabled="" type="text">
</div>
</div>
<datalist id="dList">
<option label="Item 1" datavalue="1" value="Item 1">
<option label="Item 2" datavalue="2" value="Item 2">
</datalist>
A única maneira que encontrei de pegar os inputs (dinamicos) foi:
input = $('#listaServicos').find(':input'); // array de inputs
// aqui tereis tanto os _"foo"_ quanto os _"bar"_
E depois fazer um for
trabalhando com eles:
valores = [[1,3000],[2,5000],[3,4000],[4,10000],[5,10000]];
for (i = 0; i < input.length; i++) {
name = input[i].name;
console.log("name: "+ name);
if(name.indexOf('foo') > -1){
// aqui preciso pegar o atributo _"datavalue"_ do datalist
// correspondente, comparar com a key array valores
//e preencher o _"bar"_ com o valor
}
}
O problema maior esta em relacionar o "foo" com o datalist, pois o "foo" e o "bar" estarão sempre no mesmo subarray.
Desde já agradeço por qualquer ajuda quer vier