在 javascript / jquery 中显示未定义的输入类型文本值

Question

I have one input type textbox, passing value from that textbox to the controller in .net mvc via javascript. Now, my problem is that in textbox I put the value but in javascript/jquery alert it showing me undefined.

Here is my code,

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" placeholder="SVG00001" name="referencecode" id="referencecode" /> <button class="Referencebutton" onclick="AddReferenceCode()"><span>Submit</span></button> <script> function AddReferenceCode() { alert($('#referencecode').val()); } </script>

I used javascript as well as jquery type also to get the value from input text. But nothing work.

As per the code seen, I dont think so is there any problem in code still shows the undefined value. Surprised...!!!

Answer 1

Are they wrapped in a form with a valid input tag which has the attribute type="submit ?

Answer 2

first try adding value="" to the

if that does not work try using the.html() in your jquery

let me know how you get on.