jQuery로 입력 값을 어떻게 비우나요?

jQuery로 입력 값을 어떻게 비우나요?

---

여러 이미지를 선택할 수있는 이미지로 모달 대화 상자를 만들려고합니다. 입력에서 값을 가져온 다음 비워야하지만 입력을 비울 수는 없습니다. 나는 시도 .val('')하고 .val(null)있지만, 어느 쪽도 나를 위해 일하지 않는다.

다음은 전체 코드입니다.

$("#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");
                }
            }
        });
    });

사용자가 버튼을 클릭하면 여러 이미지와 확인란이있는 모달 대화 상자가 열립니다. 이 시점에서 입력에서 값을 가져 와서 지워야합니다.

---

시도해 볼 수 있습니다.

$('input.class').removeAttr('value');
$('#inputID').removeAttr('value');

---

값을 비우려면 다음을 수행하십시오.

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

선택한 값을 얻으려면 다음을 수행하십시오.

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

#element선택하려는 요소의 ID는 어디에 있습니까 ?

---

더 좋은 방법은 다음과 같습니다.

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

---

jquery를 사용하여 텍스트 상자를 비우는 일반적인 방법은 다음과 같습니다.

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

위의 코드가 작동하지 않으면 입력 요소를 가져올 수 있는지 확인하십시오.

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

If still facing the same problem, please post your code.

---

Another way is:

$('#element').attr('value', '');

---

$('.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());
                    }
                }
            );
        });

참고URL : https://stackoverflow.com/questions/10754874/how-do-i-empty-an-input-value-with-jquery