jquery.mutable.js
1.12 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
function MutarSelect(){
$(".mutarselect").append("<option value='' class='mutarselect-add'>Agregar nuevo</option>");
$(".mutarselect-add").click(function( event ){
event.preventDefault();
//alert($(this).parent(".mutarselect").attr("id"));
var father = $(this).parent(".mutarselect").attr("id");
//var positionReal = $(this).parent(".mutarselect").offset();
//
$(this).parent(".mutarselect").hide();
$("<input type='text' placeholder='nuevo valor' autofocus autocomplete=off style='border:none' class='mutarselect-input " + father +"' >").insertAfter( $($(this).parent(".mutarselect")) );
});
$("form").on("keypress", ".mutarselect-input",function( event ){
if ( event.keyCode == '13' ){
event.preventDefault();
$(this).prev(".mutarselect").prepend("<option value='" + $(this).val() + "' class='mutarselect-rm'>" + $(this).val() + "</option>");
$(this).prev(".mutarselect").show();
$(this).remove();
}
});
}
$(document).ready(function(){
MutarSelect();
});