How to create simple list of string in view with data from textbox wit

Madhukar Krishna

I want to create a simple list of string in view, submitted from textbox, using submit button, without using model, using razor. I want that on every submit a new string in the list is created. I am trying the following code but it just creates one string in the list :

@{
    ViewBag.Title = "Index";
}

Index


    Message: 
    
    


    


@{ var message = "";
        if (IsPost)
        {
            message = Request["message"];
             @message 



        }
    }

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rijwan Ansari4y ago
Hi
You can try this.
<input type="text" id="inputbox">
<br/>
<button type="button" id="submit">Submitbutton>
<button type="button" id="display">Displaybutton>
<br/>
<div id="screen">div>
var inputArray = [];
var input = document.getElementById('inputbox');
var screen = document.getElementById('screen');

document.getElementById('submit').onclick = function () {
    inputArray.push(input.value);
    screen.innerHTML = input.value;
};
document.getElementById('display').onclick = function () {
    screen.innerHTML = inputArray
};
Nitin Sontakke4y ago
In addition, you can save the following in a .html file and open it in browser. This is the demo of persisting values on client side / browser memory.

Notice that everytime the page is refreshed, the data is lost.
<html>
<head>head>
<body>
<style>
table {
  table-layout: fixed;
  width: 80%;
  border-collapse: collapse;
  border: 3px solid black;
}

th, td {
  padding: 20px;
}
style>
<script>
  var values = '';
  function appendValue()
  {
    var lov = document.getElementById("listOfValues");
    var lovlovValue = lov.innerText;
    var msg = document.getElementById("message");
    lovValue += msg.value + '\n';
    lov.innerText = lovValue;
    msg.value = "";
  }
script>
<form style="font-family: verdana">
<br/>
<br/>
<table border="1" width="500" align="center">
<tr><td colspan="2" align="center">Demo of persisting data on client side / browser memorytd>tr>
<tr><td>Enter a valuetd><td><input id="message" type="text" value="">td>tr>
<tr><td>td><td><input type="button" name="append" value="Append Value" onclick="appendValue()">td>tr>
<tr><td>Values entered so far:td><td><div id="listOfValues">
div>td>tr>
form>
body>
html>
Nitin Sontakke4y ago
Hello,

Looking at your code, it seems to me that it is a ASP.NET MVC application, and I do NOT know much about ASP.NET MVC.

Having said that, let me try to add something which you may not know or not considering.

Please be aware that http is a stateless protocol. What it means is there is no place between two request / response cycles where the data can be stored.

To mitigate this, we need to save that data SOMEWHERE. Now that somewhere differes on case to case basis.

In your case, may be (and just MAY BE) it needs to be stored in a variable on a server.

What your code missing is a persisting values entered in ealier posts somewhere.

Hope I have not confused you further.