How to pass textbox value to Javascript variable?

Question

I need to pass a textbox value in asp.net to the javascript variable videoID and save it to the database.

Here is my code

<script>
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
function onYouTubePlayerAPI() {
player = new YT.Player('player', {
height: '350',
width: '600',
videoId: 'ASO_zypdnsQ',
events: {
'onReady': onPlayerReady
}
});
}
</script>

Sagar Hirapara · Accepted Answer · 2013-05-01 06:13:36Z

Try this

if you use asp:TextBox for videi id than try this

<script>
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
function onYouTubePlayerAPI() {
player = new YT.Player('player', {
height: '350',
width: '600',
videoId: document.getElementsById('<% ClientID.VideoId %>').value,
events: {
'onReady': onPlayerReady
}
});
}
</script>

or

if you use simple html textbox than try this

<script>
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
function onYouTubePlayerAPI() {
player = new YT.Player('player', {
height: '350',
width: '600',
videoId: document.getElementsByid("your textbox's ID").value,
events: {
'onReady': onPlayerReady
}
});
}
</script>

Gregory Nozik · Accepted Answer · 2013-05-01 05:15:17Z

0

Please do as follows if it's you aspx page

<script>
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
function onYouTubePlayerAPI() {
player = new YT.Player('player', {
height: '350',
width: '600',
videoId: '<% AspCode.VideoId %>',
events: {
'onReady': onPlayerReady
}
});
}
</script>

If it's not Aspx page, you can define javascript variable in js file

var videoId = '<% AspCode.VideoId %>';

And than take video id from the variable.

answered May 1, 2013 at 5:15

Gregory Nozik

3,3823 gold badges35 silver badges48 bronze badges

Collectives™ on Stack Overflow

How to pass textbox value to Javascript variable?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related