CODEWITHSUNDEEP
javascriptphphtml
user3568243
user3568243

Reputation: 59

Form submission in javascript disabled Browser

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.

Upvotes: 3

Views: 50

Answers (2)

RIYAJ KHAN
RIYAJ KHAN

Reputation: 15292

<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.

Upvotes: 1

Prinzhorn
Prinzhorn

Reputation: 22508

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

Upvotes: 6

Related Questions