Estoy tratando de hacer un cuadro de diálogo modal con imágenes donde usted puede seleccionar varias imágenes. Necesito obtener valores a partir de una entrada y, a continuación, vaciar, pero no puedo vaciar la entrada. Traté de .val('') y .val(null), pero tampoco funcionó para mí.

Aquí está el código completo:

$("#hdselect").click(function(){
        $(".modal").html("");

        $.post('mediaservice.php',{hd:'ok',images:$("#hdimages").val()},function(data){
            $(".modal").append(data);
        });
        $(".modal").dialog({
            'modal':true,
            'title':"Click the image to select",
            'width':960,
            'height':600,
            'resizable':false,
            'show': {effect: 'drop', direction: "up"},
            'buttons': {"Ok": function() {  
                    var hd=Array();
                    var hdval=$("#hdimages").val();
                    $("#hdimages").attr('value',' ');
                    $("input[name='hd[]']:checked").each(function(){
                        hd.push($(this).val());
                    });
                    if(hdval!=''){
                        hdval=hdval+","+hd;
                    }else{
                        hdval=hd;
                    }                        
                    $("#hdimages").val(hdval);
                    var images=$("#hdimages").val();
                    $.post('mediaservice.php',{getHd:images},function(data){
                        $("#imgthumbBase").append(data);
                    });
                    $(this).dialog("close");
                }
            }
        });
    });

La idea es que el usuario hace clic en un botón y un cuadro de diálogo modal se abre con varias imágenes y casillas de verificación. En este punto necesito para obtener los valores de una entrada y, a continuación, desactive.

  • $('input').val('') va a hacer el trabajo. Ejemplojsfiddle.net/fQMmp/1 ¿te refieres a algo relacionado con las imágenes?
  • Yo no entiendo realmente lo que estás tratando de hacer, pero $(‘#inputid’).val(«); definitivamente claro que el valor de entrada. Mirando el código, en realidad no puedo ver .val(«) en cualquier lugar?
  • Sírvanse proporcionar algo más de contexto, no es posible explicar por qué el código no funciona de otra manera.
  • Siento decir esto, pero el código que has publicado no tiene sentido. Borrar el val solo para ponerlo de nuevo y, a continuación, recuperar el valor de nuevo, aunque se ha almacenado el valor en una variable.
  • echa un vistazo a este: pastebin.com/EEdQEmwY Que es la misma que la de su código con menos pelusa. También debe guardar sus dom-elementos en una variable: var $hdimages = $("#hdimages");
  • Su jsfiddle ejemplo no funciona. Todavía puedo ver a un valor en el campo de entrada. No sé por qué esto no funciona para mí, pero recuerdo que era capaz de hacer .val (» » ) como así.

InformationsquelleAutor Vit Kos | 2012-05-25

6 Comentarios

  1. 64

    Puedes intentar:

    $('input.class').removeAttr('value');
    $('#inputID').removeAttr('value');
    • Supongo que es otro problema en tu código y justo accidentalmente hizo el trabajo…
    • tal vez. así que he pedido a la comunidad para demostrarme que.
    • Esto no funciona pero .val(«») trabajó para mí. Incluyendo ambos sólo en caso de que el otro no funciona.
    • Esperar – ¿cómo es el aceptado la respuesta? Yo sólo lo intentó y no funcionó para mí. Está usted seguro de que este código es correcto?
    • Como de HTML5 y 2017 – Chrome al menos ya no añade un valor attr. Este código ya no funciona.
  2. 101

    Para hacer que los valores de vacío, puede hacer lo siguiente:

     $("#element").val('');

    Para obtener el valor seleccionado se puede hacer:

    var value = $("#element").val();

    Donde #element es el id del elemento que desea seleccionar.

    • Esto hace que el valor de «» y no NULOS.
    • la pregunta es cómo vaciar un valor de entrada con jQuery y no cómo asignar un null valor para el elemento. Por favor, lea la pregunta correctamente antes de la votación de mi respuesta.
    • Tal vez user1032531 fue commeting en su primera frase Para que los valores null se puede hacer… tal vez sea más claro para escribir A los valores vacíos que usted puede hacer…
  3. 24

    Que la mejor manera es:

    $("#element").val(null);
    • Como de HTML5 y 2017 – Chrome al menos ya no añade un valor attr. Así que este es el único que funciona en Chrome. No he probado otros navegadores.
  4. 16

    Forma habitual de vacío textbox usando jquery es:

    $('#txtInput').val('');

    Si el código anterior no funciona que por favor verifique que usted es capaz de
    obtener el elemento de entrada.

    console.log($('#txtInput')); //should return element in the console.

    Si todavía enfrentan el mismo problema, por favor enviar su código.

  5. 8

    Otra forma es:

    $('#element').attr('value', '');
    • no restablecer el valor si el texto está escrito en el campo de entrada.porque el valor no será dentro de valor atractiva.
  6. 2
    $('.reset').on('click',function(){
               $('#upload input, #upload select').each(
                    function(index){  
                        var input = $(this);
                        if(input.attr('type')=='text'){
                            document.getElementById(input.attr('id')).value = null;
                        }else if(input.attr('type')=='checkbox'){
                            document.getElementById(input.attr('id')).checked = false;
                        }else if(input.attr('type')=='radio'){
                            document.getElementById(input.attr('id')).checked = false;
                        }else{
                            document.getElementById(input.attr('id')).value = '';
                            //alert('Type: ' + input.attr('type') + ' -Name: ' + input.attr('name') + ' -Value: ' + input.val());
                        }
                    }
                );
            });
    • era ser agradable si usted puede explicar…para beneficio general…
    • mediante el código anterior, se puede restablecer el formulario completo, el cual puede contener campos de entrada, casillas de verificación, botones de opción y de selección de campos. Puede configurar todos los tipo de valores por defecto..

Dejar respuesta

Please enter your comment!
Please enter your name here