Как отправить этот отмеченный элемент для отображения на другой странице? JSP SERVLET - PullRequest
Новая
       5

Как отправить этот отмеченный элемент для отображения на другой странице? JSP SERVLET

0 голосов
/ 17 мая 2019

Я не очень знаком с сервлетом JSP.При нажатии этой кнопки «Добавить» следует отправить эти значения в контрольный список, и эти отмеченные элементы должны отображаться на другой странице после нажатия кнопки «Готово». Любая помощь будет принята с благодарностью.

Я попробовал следующие коды.

Это мой код handle.jsp. 

<body>

<div id="myDIV" class="header">
        <form action = "Handle_servlet" method = "POST">
        <div class = "hd" >
            <h2 style="margin:10px;float:center;text-align:left;">INCOMING CALLS</h2>
                <input type="text" id="myInput" placeholder="Call ID...">

                    <select class="input100" name="iname" id="myInput1" >
                        <option value="Contact an agent">Contact an agent</option>
                        <option value="option1">option1</option>
                        <option value="option2">option2</option>
                        <option value="option3">option3</option>
                    </select>

                <span onclick="newElement()" class="addBtn">Add</span>

                <ul id="myUL" name = "chklist">



                </ul>
                <span class="addBtn">Done</span>


        </div>
        </form>
</div>





<script>
        // Create a "close" button and append it to each list item
        var myNodelist = document.getElementsByTagName("LI");
        var i;
        for (i = 0; i < myNodelist.length; i++) {

        var span = document.createElement("SPAN");
        var txt = document.createTextNode("\u00D7");
        span.className = "close";
        span.appendChild(txt);
        myNodelist[i].appendChild(span);

        }

        // Click on a close button to hide the current list item
        var close = document.getElementsByClassName("close");
        var i;
        for (i = 0; i < close.length; i++) {

        close[i].onclick = function() {
        var div = this.parentElement;
        div.style.display = "none";
        }
        }   

        // Add a "checked" symbol when clicking on a list item
        var list = document.querySelector('ul');
        list.addEventListener('click', function(ev) {
        if (ev.target.tagName === 'LI') {
        ev.target.classList.toggle('checked');
        }
        }, false);

        // Create a new list item when clicking on the "Add" button


        function newElement() {

        var li = document.createElement("li");
        var inputValue = document.getElementById("myInput").value;
        var drop = document.getElementById("myInput1").value;
        var t = document.createTextNode(inputValue);
        var x = document.createTextNode(drop);

        li.appendChild(t);
        //li.appendChild(x);
            if (inputValue === '') {
                alert("You must write something!");
                }
                    else {
                        document.getElementById("myUL").appendChild(li);
                         }

                        document.getElementById("myInput").value = "";
                        document.getElementById("myInput1").value = "";

        var span = document.createElement("SPAN");
        var txt = document.createTextNode("\u00D7");

        span.className = "close";
        span.appendChild(txt);
        li.appendChild(span);

  for (i = 0; i < close.length; i++) {
    close[i].onclick = function() {
      var div = this.parentElement;
      div.style.display = "none";
    }
  }
}

</script>

</body>

Handle_servlet.java 

package Controller;

import java.io.IOException;
import java.util.Arrays;
import java.util.List;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;



public class Handle_servlet extends HttpServlet
{
    protected void doPost(HttpServletRequest req,HttpServletResponse res)throws ServletException,IOException    
    {
        String[] chklist = req.getParameterValues("chklist");
        List list = Arrays.asList(chklist);

        req.setAttribute("chklist", list);
        RequestDispatcher rd = req.getRequestDispatcher("epp.jsp");
        rd.forward(req, res);


    }

}

1 Ответ

0 голосов
/ 19 мая 2019

Почему вы используете кнопку выбора для контрольного списка, вы должны использовать флажок.И после отправки формы вы должны получить значения в сервлете.

Я работал над проектом и сделал то же, что вы просили.

Index.jsp

Пользователь проверяет все силы своей компании и нажимает кнопку Отправить.

 <form action="swot" method="post">
    <div class="strength" style="border: 3px solid crimson ; ">
        <div class="panelhead">
        <center>   <h3>Strength</h3></center>
        </div>
    //give value property according to your needs.
        <p><input type="checkbox" name="strength" value="10"/>Brand Name</p>
        <p><input type="checkbox" name="strength" value="8"/>Customer Loyalty</p>
        <p><input type="checkbox" name="strength" value="9"/>Technology</p>
        <p><input type="checkbox" name="strength" value="9"/>Unique Products</p>
        <p><input type="checkbox" name="strength" value="7"/>Supply Chain</p>
        <p><input type="checkbox" name="strength" value="8"/>Innovative Culture</p>
        <p><input type="checkbox" name="strength" value="7"/>Cost Advantages</p>
        <p><input type="checkbox" name="strength" value="6"/>Size Advantages</p>
        <p><input type="checkbox" name="strength" value="8"/>Financial Leverage</p>
        <p><input type="checkbox" name="strength" value="9"/>Economics of Scale</p>

    </div>
            <center><input class="submit" type="submit" value="Submit"/></center>
    </form>

Теперь в сервлете получите значения.

Swot.java

Если свойство value содержит строку, просто сделайте это. 

public class swot extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        PrintWriter out=response.getWriter();


        String strength[]= request.getParameterValues("strength");

Теперь все значения сохраняются в массиве,Если свойство value содержит целое число, вам необходимо ввести его. 

   int[] mat = new int[strength.length];

    for(int i = 0; i < strength.length; i++)
    {
        mat[i] = Integer.parseInt(strength[i]);

    }

Happy Coding.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...