jquery - Como fazer ?

[dr.x 1]

Olá pessoal!

 

Como tornar um select option ou combobox em um campo editável ?

 

Ao clicar no botão editar, gostaria que o combobox se tornasse editável e aí eu edito e gravo na base de dados.

 

Com jquery parece ser bem mais limpo e simples o código. Se alguém puder me ajudar com um exemplo, fico desde já agradecido.

 

Um abraço.

[Marlon Pacheco 132]

Isso?

http://jsfiddle.net/nwH8A/

[Lebastian 0]

entendi q você qr um combobox que se for digitado um valor q nao está presente na banco de dados ele é adicionado como um novo valor, certo?

[dr.x 1]

Gravarei depois que todos os campos forem preenchidos, aí sim eu clico no botão salvar e salvo na base. Quando eu for consultar pela combobox, ele estará lá salvo e trazendo os dados referentes a ele.

Olá Marlon !

 

É isso, porém em jquery, como seria ?

 

Eu tenho a seguinte situação e preciso implementar:

 

 

...biblioteca jquery...

<script type="text/javascript">
/* Ao clicar na imagem "editar", torna a combobox editável*/
$(document).ready(function(){ 
    $('#img_editar').click(function(){ 
   $("#cboClientes").attr("onchange", editable); ???
  }); 
});
</script>

[Marlon Pacheco 132]

Havendo essa ação de usuário, de clicar em um botão para editar, eu faria a alteração do input, de um select para um text.

Nesse link (http://jsfiddle.net/yUxr4/) tem outro exemplo muito bom. Você cria 2 inputs, um select e um text e coloca o text cobrindo o select, deixando apenas a seta de seleção de fora.

Quando houver uma seleção no select, o text pega o valor pra ele, se você digitar uma nova informação, vai passar o valor do text para o banco. Entendeu?

Veja se você consegue entender onde eu quis chegar. http://codepen.io/marlonlp/pen/ybHgf