Search value in input javascript

Question

Search value in input javascript

Navigation

#1 by (3 votes)
#2 by (2 votes)

1

Opa,

I think it should be simple, but I did not get a perfect run.

I have a function that when clicked should check the value contained in an input text, the values are separated by a / and are integers. I need to remove it, if it is not, it should include it, I tried it like this:

var opcoes_selecionadas = document.getElementById("options_add_input").value;

if(opcoes_selecionadas.search("/"+opcao_id+"/")){
   alert('string encontrada');
}
else
{
   opcoes_selecionadas = opcoes_selecionadas + "/" + opcao_id;
   document.getElementById("options_add_input").value = opcoes_selecionadas;
}

But, it's not working.

javascript

asked by anonymous 16.07.2016 / 15:30

2 answers

AngularJS does not work correctly How to do a record count for each day between one date and another?

score 3 · Answer 1

/**
  * @param String input - O id do input com o valor a ser adicionado/removido.
  * @param String output - O id do input com a lista atual de valores.
  *
  * @return void
  *
  **/
function doIt(input, output){

    // Guarda os textos.
    var i = document.getElementById(input).value;
    var o = document.getElementById(output).value;

    // Divide a lista em um array e busca o elemento em input.
    var a = o.split('/');
    var p = a.indexOf(i); 

    // Remove se o elemento existe. Adiciona do contrário.
    if(p > -1)
        a.splice(p, 1); 
    else
        a.push(i.toString());

    // Atualiza a lista com a união do array.
    document.getElementById(output).value = a.join('/');
}

<label>Entrada</label>
<input type="text" id="entrada" />
<label>Lista</label>
<input type="text" id="lista" />
<button onclick="doIt('entrada', 'lista');">Adicionar/Remover</button>

On your button just call the function with id s of input s:

<button onclick="doIt('opcao', 'options_add_input');"></button>

score 2 · Answer 2

Hello, I do not know if I understood very well, but I will try to help, I did the following function:

document.getElementById('send').onclick = function() {
  checkNumber(300);
}

function checkNumber(number) {
  var options = document.getElementById("options_add_input").value;
  // Transforma o valor recebido do input em um array
  var arrOptions = options.split('/').map(function(item) {
        // Converte os valores em inteiros
		return parseInt(item, 10);
  });
  
  // Verifica se número recebido está no array, se não estiver é adicionado e se estiver é removido
  var index = arrOptions.indexOf(number);
  if (index == -1) {
  	arrOptions.push(300);
  } else {
  	arrOptions.splice(index, 1);
  }
  
  console.log(arrOptions);
}

<input type="text" id="options_add_input">
<button id="send">Send</button>