Hi all,

I am working on a personal project that requires me to grab the value selected by the user from the drop-down and use that value to in another place probably to display it as a text.

var gender = document.getElementById("btn-wrap";
gender.addEventListener("change", genderGrab, false);

-------------//function genderGrab () {
//	let gender = document.getElementById('btn-wrap').elements["choice"].value;

//	console.log(gender);
//} .options[gender.selectedIndex] --------------- I tried this method 

------------- function genderGrab(e) {
  	 let target = document.getElementById("btn-wrap".elements["choice"];
   console.log(target.value);
 }-------- and this method.

I was getting errors stating that it can't find the value of undefined. I even tried to see if the eventlistener is working perfectly, and it is.

This issue is giving me tough time even though I am using the value on the same page, imagine whta I am going through trying to use a grabbed value in another page.

I am so sorry if my question is not clear enough but you can always ask for more clarification.

Thanks in advance.

Drop ur number lemme call u

afuye:
Drop ur number lemme call u

Is that your number on your signature?

Yeah

AloyalNigerian:


Is that your number on your signature?

AloyalNigerian:
Hi all,

I am working on a personal project that requires me to grab the value selected by the user from the drop-down and use that value to in another place probably to display it as a text.

var gender = document.getElementById("btn-wrap";
gender.addEventListener("change", genderGrab, false);

-------------//function genderGrab () {
//	let gender = document.getElementById('btn-wrap').elements["choice"].value;

//	console.log(gender);
//} .options[gender.selectedIndex] --------------- I tried this method 

------------- function genderGrab(e) {
  	 let target = document.getElementById("btn-wrap".elements["choice"];
   console.log(target.value);
 }-------- and this method.

I was getting errors stating that it can't find the value of undefined. I even tried to see if the eventlistener is working perfectly, and it is.

This issue is giving me tough time even though I am using the value on the same page, imagine whta I am going through trying to use a grabbed value in another page.

I am so sorry if my question is not clear enough but you can always ask for more clarification.

Thanks in advance.

Here is an example
HTML CODE

<select id = "ddlViewBy" >
<option value ="1" >test1 </option>
<option value ="2" selected ="selected" > test2 </
<option value ="3" >test3 </option>
</select>

Running this code:
let target= document.getElementById( "ddlViewBy" );
let value = target.options[target.selectedIndex].value;