Cómo pasar un input del HTML a una variable en JavaScript

publicado por: Anonymous

No puedo pasar un input a una variable

El código que estoy intentando es el siguiente:

<h2>product code</h2>
    <form name="form" action="" method="get">
        <input type="text" name="prod">
        <h2>shelf code</h2>
        <input type="text" name="shelf">
        <input type="submit" name="sub" class="sub" value="submit" onclick="sub()">
    </form>
    <script type="text/javascript">
    //variables
    var product = null;
    var shelf = null;
    var status = null;

        //submit
        function sub(){
            product = document.getElementById("prod");
            shelf = document.getElementById("shelf");
        };
    </script>

solución

Lo que pasa es que estas llamando los elementos por id, sin embargo no estas definiendo ningun id para tus inputs por eso no obtienes ningun valor.

Si quires obtener los elementos por nombre podrias hacer algo así

_x000D_

_x000D_

    var product = null;_x000D_
    var shelf = null;_x000D_
    var status = null;_x000D_
_x000D_
function sub(){_x000D_
  product = document.getElementsByName("prod")[0].value;_x000D_
  shelf = document.getElementsByName("shelf")[0].value;_x000D_
  alert(product+" "+shelf);_x000D_
};

_x000D_

<!DOCTYPE html>_x000D_
<html>_x000D_
<head>_x000D_
  <meta charset="utf-8">_x000D_
  <meta name="viewport" content="width=device-width">_x000D_
  <title>JS NAME</title>_x000D_
</head>_x000D_
<body>_x000D_
<h2>product code</h2>_x000D_
    <form name="form" action="" method="get">_x000D_
        <input type="text" name="prod">_x000D_
        <h2>shelf code</h2>_x000D_
        <input type="text" name="shelf">_x000D_
    </form>_x000D_
    <button onclick="sub()">Prueba</button>_x000D_
</body>_x000D_
</html>

_x000D_

_x000D_

_x000D_

O si quieres mantener tu codigo agregale los id a cada Input, algo así:

_x000D_

_x000D_

    var product = null;_x000D_
    var shelf = null;_x000D_
    var status = null;_x000D_
_x000D_
        //submit_x000D_
        function sub(){_x000D_
            product = document.getElementById("prod").value;_x000D_
            shelf = document.getElementById("shelf").value;_x000D_
         alert(product+" "+shelf);_x000D_
        };

_x000D_

<!DOCTYPE html>_x000D_
<html>_x000D_
<head>_x000D_
  <meta charset="utf-8">_x000D_
  <meta name="viewport" content="width=device-width">_x000D_
  <title>JS NAME</title>_x000D_
</head>_x000D_
<body>_x000D_
<h2>product code</h2>_x000D_
    <form name="form" action="" method="get">_x000D_
        <input type="text" name="prod" id="prod">_x000D_
        <h2>shelf code</h2>_x000D_
        <input type="text" name="shelf" id="shelf">_x000D_
    </form>_x000D_
    <button onclick="sub()">Prueba</button>_x000D_
</body>_x000D_
</html>

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published.