Form submission in javascript disabled Browser

Question

I have a drop-down which will display the phone numbers on click of which I need to submit a form in JavaScript disabled browser.

Currently I am doing the following stuff:

<form action="/servlet/myservlet" method="GET">
    <select name="myselect" id="myselect" onchange="this.form.submit()">
        <c:forEach items="${mydata.phoneNumbers}" var="phoneNumber">
            <option value="${phoneNumber}">${phoneNumber}</option>
            </c:forEach>

Or is there any way to achieve the same withe below bootstrap code with JavaScript disabled

<button class="dropdown-toggle" type="button" id="prefix-num" data-toggle="dropdown"> ${mydata.phoneNumber}</button> <ul class="dropdown-menu dropmenu-menu-custom" role="menu" aria-labelledby="prefix-number-1"> <c:forEach items="${mydata.phoneNumbers}" var="phoneNumber"> <li><a href="/servlet/myservlet" class="changeNumber" role="menuitem">${phoneNumber}</a></li> </c:forEach> </ul>

But once I click on drop-down values form is not getting submitted.

are you want to submit the form without using javascript?

RIYAJ KHAN
– RIYAJ KHAN

2016-01-31 09:24:56 +00:00
Commented Jan 31, 2016 at 9:24 — RIYAJ KHAN
– RIYAJ KHAN, Commented Jan 31, 2016 at 9:24
this.form.submit() not worked in JS disabled browser

Vasim Shaikh
– Vasim Shaikh

2016-01-31 09:39:35 +00:00
Commented Jan 31, 2016 at 9:39 — Vasim Shaikh
– Vasim Shaikh, Commented Jan 31, 2016 at 9:39

Prinzhorn · Accepted Answer · 2016-01-31 09:25:04Z

6

You need a type="submit" button to submit the form without JavaScript. There's no other way.

answered Jan 31, 2016 at 9:25

Prinzhorn

22.6k7 gold badges65 silver badges69 bronze badges

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

Comments

RIYAJ KHAN · Accepted Answer · 2016-01-31 10:03:27Z

1

<form action="/servlet/myservlet" method="POST">
    <select name="myselect" id="myselect" onchange="this.form.submit()">
            <c:forEach items="${mydata.phoneNumbers}"
                                            var="phoneNumber">
                     <option value="${phoneNumber}">${phoneNumber}</option>
                                        </c:forEach>
    </select>
    <input type="submit" name="sub_btn" value="Submit">
</form>

Please add submit button control to submit the form without JavaScript.

Also, use POST method instead of GET otherwise your form data will get passed in query string of URL.

edited Jan 31, 2016 at 10:03

answered Jan 31, 2016 at 9:26

RIYAJ KHAN

15.3k5 gold badges34 silver badges56 bronze badges

2 Comments

user3568243 Over a year ago

But i want to submit the form on click of dropdown values is that possible??

user3568243 Over a year ago

Or is there a way to achieve the same withe below bootstrap code with javascript disabled- <button class="dropdown-toggle" type="button" id="prefix-num" data-toggle="dropdown"> ${mydata.phoneNumber}</button> <ul class="dropdown-menu dropmenu-menu-custom" role="menu" aria-labelledby="prefix-number-1"> <c:forEach items="${mydata.phoneNumbers}" var="phoneNumber"> <li><a href="/servlet/myservlet" class="changeNumber" role="menuitem">${phoneNumber}</a></li> </c:forEach> </ul>

Collectives™ on Stack Overflow

Form submission in javascript disabled Browser

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related