jquery reset all input fields in array

Question

I have a select field and function to hide/show divs. Inside those divs are input fields that I want to reset each time a different selection is made.

This script clears fields as long as I specify each field ID.

<script>
$(document).ready(function(){
    $("#Main_Connection").change(function(){
    $('#InputFieldID').val("");
        $(this).find("option:selected").each(function(){
            var optionValue = $(this).attr("value");
            if(optionValue){
                $(".box").not("." + optionValue).hide();
                $("." + optionValue).show();
            } else{
                $(".box").hide();
            }
        });
    }).change();
});
</script>

But I also made this script to get all the field IDs, which I think works because it shows all the IDs in the browser debugger.

<script type="text/javascript">
    $(document).ready(function ()
    {
    var AllFields = $("[id^=Main_] input");
    console.log(i, "Hello, world!");
    });
</script>

Simply changing $('#InputFieldID').val(""); to $('#AllFields').val(""); does not work. How can I get my first script to reset each field found by the second script?

can you show the html here? I'm note sure what your fields are named. You shouldn't have more than one element with the same id. — mankowitz
– mankowitz, Commented May 28, 2020 at 2:31
If your jQuery selector properly selects all the <input> fields to be cleared, this should clear them: $("[id^=Main_] input").val(''). — kmoser
– kmoser, Commented May 28, 2020 at 2:44
Thanks @kmoser, it was that simple. Unfortunately I cannot mark your reply as the answer. — sjaak
– sjaak, Commented May 28, 2020 at 4:32

kmoser · Accepted Answer · 2020-05-28 04:45:12Z

1

If your jQuery selector properly selects all the <input> fields to be cleared, this should clear them:

$("[id^=Main_] input").val('')

answered May 28, 2020 at 4:45

kmoser

9,3693 gold badges28 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tarek AS · Accepted Answer · 2020-05-28 02:31:20Z

1

I am not sure if this is 100% what you are looking for , but : try using each around all the IDs as follows :

$("[id^=Main_] input").each(function() {
     $(this).val("");
 });

answered May 28, 2020 at 2:31

Tarek AS

1871 silver badge14 bronze badges

Collectives™ on Stack Overflow

jquery reset all input fields in array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related