tutorial - obtener datos de una tabla html javascript

Pase un valor variable de javascript al valor oculto del tipo de entrada

Question

Me gustaría asignar el valor del producto de dos números enteros a un campo oculto en el documento html. Estaba pensando en obtener el valor de una variable de javascript y luego pasarlo a un tipo de entrada oculto. Me cuesta mucho explicarlo, pero así es como debería funcionar:

Ejemplo de Script

 <script type="text/javascript">
function product(a,b){
return a*b;
}
</script>

arriba calcula el producto y quiero que el producto esté en un campo oculto.

<input type="hidden" value="[return value from product function]">

¿Cómo es esto posible?

Answer 1

Campo escondido :

<input type="hidden" name="year" id="year">

Guión:

<script type="text/javascript">
var year = new Date();
document.getElementById("year").value=(year.getFullYear());
</script>

Answer 2

Echa un vistazo a esta página de jQuery para ver algunos ejemplos interesantes de cómo jugar con el atributo de valor y cómo llamarlo :

http://api.jquery.com/val/

De lo contrario, si desea usar jQuery en lugar de javascript para pasar variables a una entrada de cualquier tipo, use lo siguiente para establecer el valor de la entrada en un evento, click() , submit() y otros:

en algún evento; Asigne o establezca el valor de la entrada:

$(''#inputid'').val($(''#idB'').text());

dónde:

<input id = "inputid" type = "hidden" />
<div id = "idB">This text will be passed to the input</div>

Usando tal enfoque, asegúrese de que la entrada html no especifique un valor, o un atributo deshabilitado, obviamente.

Tenga cuidado con las diferencias entre .html() y .text() cuando se trata de formularios html.

Answer 3

Podrías darle una identificación a tu campo oculto:

<input type="hidden" id="myField" value="" />

y luego cuando quieras asignar su valor:

document.getElementById(''myField'').value = product(2, 3);

Asegúrese de que está realizando esta asignación después de que el DOM se haya cargado completamente, por ejemplo, en el evento window.load .

Answer 4

Podrías hacer eso así:

<script type="text/javascript">
function product(a,b)
{
return a*b;
}
document.getElementById(''myvalue'').value = product(a,b);
</script>
<input type="hidden" value="THE OUTPUT OF PRODUCT FUNCTION" id="myvalue">

Answer 5

Si ya tienes esa entrada oculta:

function product(a, b) {
return a * b;
}
function setInputValue(input_id, val) {
document.getElementById(input_id).setAttribute(''value'', val);
}

Si no, puede crear uno, agregarlo al cuerpo y luego establecer su valor:

function addInput(val) {
var input = document.createElement(''input'');
input.setAttribute(''type'', ''hidden'');
input.setAttribute(''value'', val);
document.body.appendChild(input);
}

Y luego puedes usar (según el caso):

addInput(product(2, 3)); // if you want to create the input
// or
setInputValue(''input_id'', product(2, 3)); 

Answer 6

añadir algún id para una entrada

var multi = product(2,3);
document.getElementById(''id'').value=multi;

Answer 7

//prompts for input in javascript
test=prompt("Enter a value?","some string");
//passes javascript to a hidden field.
document.getElementById(''myField'').value = test;
//prompts for input in javascript
test2=prompt("Enter a value?","some string2");
//passes javascript to a hidden field
document.getElementById(''myField'').value = test2;
//prints output
document.write("hello, "+test+test2;

ahora esto es confuso pero esto debería funcionar ...

Answer 8

<script type="text/javascript">
function product(x,y)
{
return x*y;
}
document.getElementById(''myvalue'').value = product(x,y);
</script>
<input type="hidden" value="THE OUTPUT OF PRODUCT FUNCTION" id="myvalue">