How to get Form Element Value using JavaScript

Question

I am trying to find value of the input element in a popup window which is being opened from a parent page.

My code is below. I am getting not able to get pc value from input.

<html>
<head>
<? 
$pid=$_GET['pid'];
$cart_url = '../cart.php?action=add&p='.$pid;
echo $cart_url;
?>  
</head>

<body>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function sendValue(val){
window.opener.document.getElementById('details_<?=$pid?>').value = val;
window.opener.location.href='<?php echo $cart_url; ?>&pc='.concat(val);
window.close();
window.location.reload();
}
</script>
<form name="selectform">
<label>Enter Price:</label>
<input id="1" name="details_<?=$pid?>" type="text"></input>
<input   type="Submit"  onsubmit="sendValue(this.value)"></input>
</form> 
</body>
</html>

You're using the getElementById method, but the ID value is equal 1 no equal "details_<?=$pid?>" — Eduardo M
– Eduardo M, Commented May 20, 2013 at 1:52

Andrey Zarovnyaev · Accepted Answer · 2013-05-20 02:07:43Z

1

Code:

<input id="1" name="details_<?=$pid?>" type="text"></input>
<input   type="Submit"  onsubmit="sendValue(this.value)"></input>

Change to:

  <input id="details" type="text">
  <input type="button" value='Send...' onclick="sendValue(document.getElementById('details').value)">

answered May 20, 2013 at 2:07

Andrey Zarovnyaev

1444 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kailash Yadav · Accepted Answer · 2013-05-20 01:53:32Z

0

Just make your input box id from

<input id="1" name="details_<?=$pid?>" type="text"></input>

to

<input id="details_<?=$pid?>" name="details_<?=$pid?>" type="text"></input>

It should work

answered May 20, 2013 at 1:53

Kailash Yadav

1,9402 gold badges18 silver badges37 bronze badges

Comments

Rodrigo Medeiros · Accepted Answer · 2013-05-20 02:54:31Z

0

If you're using getElementById, you have to use pass the id of the element you're trying to get the value from (in this case 1).

answered May 20, 2013 at 2:54

Rodrigo Medeiros

7,8724 gold badges45 silver badges55 bronze badges

Collectives™ on Stack Overflow

How to get Form Element Value using JavaScript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related