CODEWITHSUNDEEP
javascripthtml
Sudhakar Byna
Sudhakar Byna

Reputation: 129

How to access JavaScript variable in HTML tags?

I am trying to access JavaScript variable in the href attribute of anchor tag.

JavaScript Function:

<script type="text/javascript"> 
function fun(ReqTextbox) 

{ 

var queueData =document.getElementById(ResTextbox).value; 
//some more code 

} 
</script>

HTML code:

<body> 
    <input type="text" value="<%=dynamicValue%>" id="<%=dynamicId%>"/> 
    <a href="servlet?variablename="<%Eval(queueData)%>" onclick=fun('<%=dynamicvalue%>');>LINK</a>     
</body>

I know that I am going to wrong at variablename="<%Eval(queueData)%>".

Can someone please help me how to access and pass JavaScript variable as a query string parameter?

Upvotes: 3

Views: 25503

Answers (3)

Serge K.
Serge K.

Reputation: 5323

First, I think you made a typo :

function fun(ReqTextbox) { 
    var queueData = document.getElementById(ResTextbox).value; 
    //some more code
}

You get ReqTextbox parameter but you use ResTextbox. Then, since Javascript is client-sided, you have to manually update the href tag using href attribute. So your function would be like :

function fun(ReqTextbox) { 
    var queueData = document.getElementById(ReqTextbox).value; 
    document.getElementById('myAnchor').href = "servlet?variablename=" + queueData;
    //some more code
}

And give your anchor tag an id, myAnchor in my example.

Upvotes: 3

kaytrance
kaytrance

Reputation: 2757

If I understand you correctly inside fun() function try to use:

var queueData = this.getAttribute('id');

That way you will get id value when runnning onclick() function.

Upvotes: -1

Systematix Infotech
Systematix Infotech

Reputation: 2365

Modify HTML code as given below - 

<body> 
<input type="text" value="<%=dynamicValue%>" id="<%=dynamicId%>"/>
<div id="example2"> 
<a href="servlet?variablename="<%Eval(queueData)%>" onclick=fun('<%=dynamicvalue%>');>LINK</a> </div>
</body> 

Use this to pass query string - 

$("#example2 a").attr("href", url + "?variablename=" + queueData);

Upvotes: 1

Related Questions