A idéia do código é a de pesquisar produtos e inserir o link do produto quando o usuário selecionar o link do registro como um produto vinculado. Ao clicar no input[type='radio']
, um novo campo é inserido abaixo do campo da URL através do .html() do jQuery.
Inseri um retorno de log no console para saber se o código estava reconhecendo o evento .keyup() do campo, mas não há respostas.
$(document).ready(function(){
$("input.tipoURL").on('click',function() {
var value = $(this).val();
if(value=='prod') {
$('#prURL').val('');
$('#return').html("<input type='text' name='listaProd' id='listaProd' placeholder='Pesquise pelo produto'/><div id='returnProd'></div>");
} else if(value='link') {
$("#prURL").val('');
$("#return").html('');
}
});
$('#listaProd').keyup(function(e){
e.preventDefault();
var value = $(this).val();
var contaChar = value.length;
window.alert('Acessou');
if(contaChar<=3) {
$('#returnProd').html('');
}
if(contaChar>3) {
$("#returnProd").load("lista.php?prod=" + value,function(data){
console.log(data);
});
}
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<input type='text' name='prURL' id='prURL'/>
<label for='tipoURLlink'><input id='tipoURLlink' type='radio' name='tipoURL' value='link' id='tipoURL' class='tipoURL' checked/> Link</label>
<label for='tipoURLprod'><input id='tipoURLprod' type='radio' name='tipoURL' value='prod' class="tipoURL"/> Produto</label>
<div id='return'></div>