How to pass javascript variable to servlet

Question

I am using selectable jquery in my jsp page. On submitting the form, the string should pass as parameter to servlet.

$(function() {
    $("#selectable").selectable({
        stop: function() {
            var result = $("#select-result").empty();
            $(".ui-selected", this).each(function() {
                var index = $("#selectable li").index(this);
                result.append(" #" + (index + 1));
            });
        }
    });
});

I want var result as value in <input type="hidden" id="select-result" value=""/>

Form -

<form action="XYZServlet" method="get">
 <input type="text" id="from" name="from">
 <input type="hidden" id="select-result" value="">
 <input type="submit" value="Submit"/>
</form>

How can I do this?

could you please post your form code.

Sashant Pardeshi
– Sashant Pardeshi

2015-11-12 09:14:18 +00:00
Commented Nov 12, 2015 at 9:14 — Sashant Pardeshi
– Sashant Pardeshi, Commented Nov 12, 2015 at 9:14
added my form code too

YOYO HONEY SINGH
– YOYO HONEY SINGH

2015-11-12 09:18:43 +00:00
Commented Nov 12, 2015 at 9:18 — YOYO HONEY SINGH
– YOYO HONEY SINGH, Commented Nov 12, 2015 at 9:18

rorfun · Accepted Answer · 2015-11-12 09:27:18Z

1

How about:

$(function() {
    $("#selectable").selectable({
        stop: function() {
            var result = $("#select-result").empty();
            $(".ui-selected", this).each(function() {
                var index = $("#selectable li").index(this);
                result.append(" #" + (index + 1));
            });
        $("#select-result").val(result);
        }
    });
});

answered Nov 12, 2015 at 9:27

rorfun

966 bronze badges

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

2 Comments

YOYO HONEY SINGH Over a year ago

i changed input type as text & found out value = [object Object]

nubteens Over a year ago

Try casting the value [object Object] into String

K K · Accepted Answer · 2015-11-12 13:40:09Z

0

You just need the index, right?

$(function() {
    $("#selectable").selectable({
        stop: function() {
            var result = $("#select-result").empty();
            $(".ui-selected", this).each(function() {
                var index = $("#selectable li").index(this);
                result.append(" #" + (index + 1));
                document.getElementById("my").value = index;
            });      
        }
    });
});

You can view the Value as index(selected item) - <input type="text" id="my" value=""/>

I hope this will work :)

answered Nov 12, 2015 at 13:40

K K

991 silver badge8 bronze badges

Collectives™ on Stack Overflow

How to pass javascript variable to servlet

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related