Define function in script and call in input value comes undefined function

Question

I called a function within script tag from an input value, but it throws Error -- call to undefined function
Here is the function definition

<script>
 function getSelectValue(sel){
    var lang=sel.options[sel.selectedIndex];
   

    return lang;
}
</script>

I called the function here

  <div class="form-group">
              <input type="hidden" id="value" value="{{getSelectValue(this)}}" >

                    <label for="audiolang" class="input-label">Audio Language</label>
                        <select id="audio_lang" name="audio_lang" class="form-control " onchange="getSelectValue(this)">
                        <option selected disabled value="">Select Language</option>
                            <option value="1">English</option>
                            <option value="2">Arabic</option> 
                            <option value="3">Urdu</option>
                            <option value="4">Hindi</option>
                        </select>
                    </div>

Why this error call to undefined function getSelectValue() is coming.

It should rather be value="getSelectValue(this)". I doubt you want to run this function server-side — Konrad
– Konrad, Commented Jul 19, 2023 at 9:15
@Konrad value="getSelectValue(this)" won't execute any client-side JS either though; all that does is set the literal text getSelectValue(this) as value for that field. — C3roe
– C3roe, Commented Jul 19, 2023 at 9:16
Pass a javascript variable value into input type hidden value — C3roe
– C3roe, Commented Jul 19, 2023 at 9:18
exact error is Call to undefined function getSelectValue() (View: D:\Softwares\xampp6\htdocs\lms\resources\views\admin\webinars\modals\audio.blade.php) — Maryam Aftab
– Maryam Aftab, Commented Jul 19, 2023 at 9:30

Abdulla Nilam · Accepted Answer · 2023-07-19 09:43:53Z

1

As I understood you have select in your code and you want to get the selected value.

In select

<select id="mySelect" onchange="setHiddenFieldValue(this)">

In input

<input type="hidden" id="hiddenField">

In function

function setHiddenFieldValue(sel) {
    var lang = sel.options[sel.selectedIndex].value;
    console.log(lang);
    document.getElementById("hiddenField").value = lang; // to set the value
}

edited Jul 19, 2023 at 9:43

answered Jul 19, 2023 at 9:19

Abdulla Nilam

39.6k18 gold badges85 silver badges114 bronze badges

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

2 Comments

Maryam Aftab Over a year ago

I want to get the selected value in hidden input value

Abdulla Nilam Over a year ago

document.getElementById("hiddenField").value = lang; andd this instead of console.log()

Collectives™ on Stack Overflow

Define function in script and call in input value comes undefined function

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related