Get Values from Multiple textbox

Question

I have multiple textboxes, How to get value from it.

$(function () {
    $("#btnAdd").bind("click", function () {
        var div = $("<div />");
        div.html(GetDynamicTextBox(""));
        $("#TextBoxContainer").append(div);
    });
    $("#btnGet").bind("click", function () {
        var values = "";
        $("input[name=a]").each(function () {
            values += $(this).val() + "\n";
        });
        alert(values);
    });
    $("body").on("click", ".remove", function () {
        $(this).closest("div").remove();
    });
});
function GetDynamicTextBox(value) {
    return '<input name = "a" type="text" value = "' + value + '" />&nbsp;' +
            '<input type="button" value="Remove" class="remove" />'
}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<form method='POST' action='AddReqPo'>
<input id="btnAdd" type="button" value="Add" />
<br />
<br />
<div id="TextBoxContainer">
    <!--Textboxes will be added here -->
</div>
<br />
<input id="btnGet" type="button" value="Get Values" />
<input type='submit'>
</form>

I want to save values to servlet. But when the button submit send values, there are errors java.lang.NullPointerException. This is the servlet file.

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // TODO Auto-generated method stub

    String[] a=request.getParameterValues("a");
        System.out.println(a[0]);
    response.sendRedirect("index.jsp");
}

@Ramanlfc, Yeah..you got it right..http://stackoverflow.com/questions/11786486/sending-html-form-data-array-to-jsp-servlet might help! — Rayon, Dec 14 '15 at 05:28

score 0 · Answer 1 · answered Dec 14 '15 at 05:34

0

none of your click handlers will work when you submit the form(as you aren't preventing the default submit action with preventDefault()), so when your form submits , the statement in the servlet String[] a=request.getParameterValues("a"); will set a to null and System.out.println(a[0]); this throws NullPointerException

answered Dec 14 '15 at 05:34

Ramanlfc

8,283
1
18
24

can you help me for this issue? – de mahardika Dec 14 '15 at 05:37
@demahardika use `preventDefault()` in your handlers and take your div out of the form – Ramanlfc Dec 14 '15 at 05:42
@demahardika `function handler(e) { e.preventDefault(); }` read : https://developer.mozilla.org/en/docs/Web/API/Event/preventDefault – Ramanlfc Dec 14 '15 at 05:47
@demahardika try this with your handlers `$("#btnAdd").bind("click", function (e) {e.preventDefault(); ..rest of code` – Ramanlfc Dec 14 '15 at 05:58
I'am beginner and I'm so blind with js. I dont know where I must put your advice – de mahardika Dec 14 '15 at 06:04
@demahardika look at cde in my last comment and look at your js ,you'll get it – Ramanlfc Dec 14 '15 at 06:12
@demahardika all the `bind` methods have a function just pass argument `e` to them and call `e.preventDefault();` here's one example : https://jsfiddle.net/dkzftyqc/ – Ramanlfc Dec 14 '15 at 06:29

score 0 · Answer 2 · answered Dec 14 '15 at 10:01

0

the code is working correctly. Servlet is not accessible. Try change please.

<form method='POST' action='AddReqPo'>

to

<form method='POST' action='<%=request.getContextPath()%>/AddReqPo'>

answered Dec 14 '15 at 10:01

Gurkan Yesilyurt

2,635
2
20
21

Get Values from Multiple textbox

2 Answers2