Calling variable from another function in javascript

The most simple solution would be to declare subscriptionId in a global scope.

That means "outside of search()":

var subscriptionId = "";

function search ()
{

if (document.getElementById('deleteyes').checked)
 {
  alert(subscriptionId);
 }
}
subscriptionId = "what?";
search();

Put the variable declaration outside of a function var subscriptionId = ""; (Global Variable)

Then you could access this from any other function.

The issue here is one of scopes, you're (rightly) declaring subsriptionId in a function scope. As soon as that function returns, though, that variable is GC'ed (Garbage Collected).

As @GungFoo said, at first, you might think that declaring the variable globally, (and thus never have the var GC'ed) would fix things, and it would, at first. But pretty soon you'll pollute the global scope to such an extend that you'll run into issues. You could, inadvertently, change the value of a variable on which another function relies, for example. Just google a few articles on the matter, you'll soon find out why this isn't a good idea.

A few alternatives:

Assuming the "other function" is defined in the global scope, you could assign it a property:

function()
{//this declares and assigns subscriptionId
    var subscriptionId = subscriptions[subscriptionIndex]["@metadata"]["@id"].substring(7);
    theOtherFunction.subscId = subscriptionId;//assign property
    alert(subscriptionId);
}
//the other one
function theOtherFunction()
{
    alert(theOtherFunction.subscId);//will alert the correct value
}

even simpler would be, simply to use the jQuery:

function theOtherFunction()
{
    var id = subscriptions[$("#subscriptionSelector").val()]["@metadata"]["@id"].substring(7);
    alert(id);//will work, too
}

The downside of the latter being that the DOM will be scanned on each call, to find that particular element ($("#subscriptionSelector")). To fix that, you can use a closure:

var theOtherFunction = (function(selector)//takes DOM element as argument
{
    return function()//this is the actual function
    {//thanks to closures, selector will not be GC'ed
        var id = subscriptions[selector.val()]["@metadata"]["@id"].substring(7);
        alert(id);//works like a charm
    };
})($("#subscriptionSelector"))//pass DOM element as argument

The last approach might seem a bit daunting at first, but spend some time reading up on IIFE, closures and scope wizardry. It's one of the best features of JS, very powerful, not that hard once you grasp the basic concepts, too!

The best solution would be to pass the subscriptionID over to the search function. If this is not possible, you would have to push it into a higher scope (e.g. global scope).

To make it globally available, change this:

var subscriptionId = subscriptions[subscriptionIndex]["@metadata"]["@id"].substring(7);

To this:

window.subscriptionId = subscriptions[subscriptionIndex]["@metadata"]["@id"].substring(7);

Then it will be available in the external javascript as well.

subscriptionId is available in the functions scopes only

Move var subscriptionId = ""; bevore $(document) in the html file

Replace

<script>
function search ()
{
var subscriptionId = "";

with:

<script>
var subscriptionId = "";
function search ()
{

do :

$("#subscriptionSelector").on('change', function() { //alert('#forumSelector');
    var subscriptionIndex = this.value;
    var subscriptionId = subscriptions[subscriptionIndex]["@metadata"]["@id"].substring(7);
    $(this).data('checked', subscriptionId); //store as data
    alert(subscriptionId);
});

and then :

function search () {
    var subscriptionId = $("#subscriptionSelector").data('checked');
    if ($('#deleteyes').prop('checked')) {
        alert(subscriptionId);
    }
}

That way the data would be stored on the element.

More about data() on jQuery : http://api.jquery.com/jQuery.data/