Jquery doesnt find input textbox value

Question

I have the following code to populate KendoGrid, I used Jquery to get text-box value. text-box display the right value but Jquery is not returning what's in the textbox instead it return nothing.

<input asp-for="InvoiceID" name="InvoiceID" id="iid" />
<script>
    function additionalInfo() {
        return {
            invoiceID: $("#iid").val()
        }
    }    
</script>
@(Html.Kendo().Grid<....WebUI.ViewModels.Project.BillingDocuments>()
    .Name("BillingDocuments")
    .Columns(columns =>
        {
            columns.Bound(p => p.ID).Hidden().Width(50);
            columns.Bound(p => p.PrintSequence).Title("Seg").Width(50);
            columns.Bound(p => p.DocumentType).Width(100);
            columns.Bound(m => m.Actions).ClientTemplate("<a class='text-primary' href='#= DocumentLocation #'>View</a>").Width(50);
    })
    .HtmlAttributes(new { style = "height:250px;" })
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(5)
        .Read(read => read.Action("BillingDocumentsRead", "Billing", new { Area = "Project"}).Data("additionalInfo")

        .Type(HttpVerbs.Get))
     )
)

I tried by setting the invoice ID value as

<script>
    function additionalInfo() {
        return {
            invoiceID:55
        }
    }    
</script>

and this works fine but jquery doesnt pick textbox value of <input asp-for="InvoiceID" name="InvoiceID" id="iid" />.

Does this answer your question? [When should I use jQuery's document.ready function?](https://stackoverflow.com/questions/13062246/when-should-i-use-jquerys-document-ready-function) — devlin carnate, Aug 27 '20 at 22:29
Are you expecting the user to input in that text box before making request? — charlietfl, Aug 27 '20 at 22:32
@charlietfl I have value in this textbox `` but jquery return empty value — Rob, Aug 27 '20 at 22:33
I don't work with asp... does that generate ``.? In other words populate the `value` attribute? — charlietfl, Aug 27 '20 at 22:36
yes that works perfect with `value="12378"` or populate the value that i wanted to see with `` — Rob, Aug 27 '20 at 22:37
First make sure you are using jquery, if you are then use value. Working example: function additionalInfo() { return 'invoiceID: ' + $("#iid").val(); } additionalInfo(); — Acdn, Aug 27 '20 at 22:47
try inspecting the input label see what id the browser renders and use that the select in jquery — Prinju Koshy Vaidyan, Aug 28 '20 at 03:07
@PrinjuKoshyVaidyan here is how it look when i inspect it `` but there is a value in the textbox — Rob, Aug 28 '20 at 03:14
you are not calling the function anywhere? additionalInfo() to invoke that function — Prinju Koshy Vaidyan, Aug 28 '20 at 04:20
function additionalInfo() { var test=$('#iid').val(); return { invoiceID:test } } OR Try this? — Prinju Koshy Vaidyan, Aug 28 '20 at 04:22
@PrinjuKoshyVaidyan when i set invoiceID:55 or test it works fine, even if `` it works the problem is i have to use `` and jquery doesnt get what's in the textbox. — Rob, Aug 28 '20 at 04:26

Jquery doesnt find input textbox value

0 Answers0