How to access JavaScript variable in HTML tags?

Question

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?

Serge K. · Accepted Answer · 2014-03-12 10:29:31Z

3

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.

answered Mar 12, 2014 at 10:29

Serge K.

5,3231 gold badge22 silver badges27 bronze badges

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

4 Comments

Sudhakar Byna Over a year ago

then wat should be written in href attribute of <a> tag in HTML code

Serge K. Over a year ago

@SudhakarByna At first, you can write href="#". It'll be updated when the fun function is called.

Sudhakar Byna Over a year ago

@ Nathan P, If I wanted to add one more variable name and its dynamic value in the href attribute of the above code you have suggested, can u please tell me how the concatenation can be done

Serge K. Over a year ago

@SudhakarByna JavaScript's concatenation can be achieved with + operator. Just assure that the variable is in the scope of the function.

Systematix Infotech · Accepted Answer · 2014-03-12 10:21:15Z

1

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);

answered Mar 12, 2014 at 10:21

Systematix Infotech

2,3751 gold badge16 silver badges31 bronze badges

4 Comments

Serge K. Over a year ago

OP doesn't seem to use jQuery

Sudhakar Byna Over a year ago

But it is not allowing the following stmt.

Sudhakar Byna Over a year ago

<a href="servlet?variablename="<%Eval(queueData)%>" onclick=fun('<%=dynamicvalue%>');>LINK</a> </div>

Systematix Infotech Over a year ago

Try by replacing existing anchor tag with simple anchor tag like this <a href="" />

kaytrance · Accepted Answer · 2014-03-12 10:21:50Z

-1

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.

edited Mar 12, 2014 at 10:21

answered Mar 12, 2014 at 10:15

kaytrance

2,8054 gold badges33 silver badges50 bronze badges

Collectives™ on Stack Overflow

How to access JavaScript variable in HTML tags?

3 Answers 3

4 Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related