JavaScript - Sending Arrays To Method Help

I'm a newbie of JS and don't know if I have got the right terms in my question.
I want to lowercase all the arrays:

Code:

<script>
var txt = [
            ["Cats","Dogs","Rabbits"],
              ["Fish","Bones","Carrots"]
          ] 
 
document.write(txt[0][1] + " love eating " + txt[1][1]);
</script>

I know I can do something like this:

Code:

document.write(txt[0][1].toLowerCase() + " love eating " + txt[1][1].toLowerCase());

// or

var txt1 = txt[0][1] + " love eating " + txt[1][1];
document.write(txt1.toLowerCase());

But if I will loop through all the arrays and print them out, I am bothered with appending .toLowerCase(0 after each array one by one,
so is there any way to bind that method at one go?

I hope my question is understandable. Maybe I've used wrong terms of JS.
Thank you.

You've probably seen this many times with two dynamic linking select boxes that deals in form or another deal with countries and then cities for the second one or something similar well I have another question about that. I've looked at a few others and well their coding is so different then mine that I don't want to use code for my own project that I don't understand in case I need to reuse it for some other reason down the road.

The user selects a country and with the users selection it passes the countryid as a variable through jquery's ajax fuction as a post parameter to a php process page in which it goes to a table and matches the country id with the db field called country_id in the arenas table. With all the records that matches that countryid it selects the arena name and city that the arena is in and displays it as an option tag now I'm trying to figure out with muliple entries how can I pass the results back to the form page and insert it into the arenas dropdown box.

Following is my coding separated out for you. I only included the necessary parts. All help would be greatly appreciated.

form page
Code:

$('#countryid').change(function() {
      var countryid = $("select#countryid").val();
      var dataString = 'countryid='+ countryid;
      $.ajax({
        type: "POST",
        url: "processes/booking.php",
        data: dataString,
        success: function() {
            
        }
        });  
    });
<div class="field required">
    			<label for="countryid">Country</label>
                <select class="dropdown" name="countryid" id="countryid" title="Country">
                   <option value="0">- Select -</option> 
                    <?php
                    $query = 'SELECT id, countryname FROM countries';
                    $result = mysqli_query ( $dbc, $query ); // Run The Query
                    while ( $row = mysqli_fetch_array ( $result, MYSQL_ASSOC ) ) 
                    {
                        print "<option value=\"".$row['id']."\">".$row['countryname']."</option>\r";
                    }
                    ?>
                </select>
    			<span class="required-icon tooltip" title="Required field - This field is required, it cannot be blank, and must contain something that is different from emptyness in order to be filled in. ">Required</span>
    		</div>
            <div class="field required">
    			<label for="arena">Arenas</label>
                <select class="dropdown" name="arenas" id="arenas" title="Arenas">
                </select>
    			<span class="required-icon tooltip" title="Required field - This field is required, it cannot be blank, and must contain something that is different from emptyness in order to be filled in. ">Required</span>
    		</div>

php process page

PHP Code:
$countryid = (int)$_GET['countryid'];
$query = "SELECT * FROM `arenas` WHERE `country_id` = '$countryid'";
$result = mysqli_query ($dbc, $query);
while ($row = mysqli_fetch_array($dbc, $result))
{    
    echo '<option value="'.$row['arena'].'">'.$row['arena'].' - '.$row['city'].'</option>\n';
} 

Why is the callwhy is the slice method only a method of an Array instance? The reason why I ask is because if you want to use it for the arguments property of function object, or a string, or an object, or a number instance, you are forced to use Array.prototype.slice.call(). And by doing that, you can pass in any type of object instance (Array, Number, String, Object) into it. So why not just default it as a method of all object instances built into the language?

In other words, instead of doing this:

Code:

function Core(){

var obj = {a : 'a', b : 'b'};
var num = 1;
var string = 'aff';

console.log(typeof arguments);//Object
console.log(arguments instanceof Array);//false
var args1 = Array.prototype.slice.call(arguments);
console.log(args1);
var args2 = Array.prototype.slice.call(obj);
console.log(args2);
var args3 = Array.prototype.slice.call(num);
console.log(args3);
var args4 = Array.prototype.slice.call(string);
console.log(args4);

Core('dom','event','ajax');

Why not just be able to do this:

Code:

function Core(){

var obj = {a : 'a', b : 'b'};
var num = 1;
var string = 'aff';

var args = arguments.slice(0); 
var args2 = obj.slice(0);
var args3 = num.slice(0);
var args4 = string.slice(0);
//right now none of the above would work but it's more convenient than using the call alternative. 

}
Core('dom','event','ajax');

Why did the designers of the javascript scripting language make this decision?

Thanks for response.

I need to loop the alphabet and numbers 0-9 to initialize a few thousand arrays.
This is for my site and is truly needed. http://www.thefreemenu.com
I currently have every array written out and it takes up to much space in my .js file.
The majority of my variables are empty but necessary and need to be there (including empty) for my site to work properly.


Question is the last part


Here's where I'm at.


Code:

var NewVarLetterOrNum = "a";
eval("_oneofseveralnames_" + NewVarLetterOrNum + "='this part works';");
alert(_oneofseveralnames_a);

This creates the variable _oneofseveralnames_a='this part works'


Code:

var newArrayLetterOrNum = "a";
eval("_oneofseveralnames_" + newArrayLetterOrNum + "= new Array();"); 
alert(_oneofseveralnames_a)

This creates the Array _oneofseveralnames_a=new Array(); and all the values in the array are null,
but, now a variable like _nl_a[1]='something' can be used elsewhere because the array exists. This is all that is necessary for now
because I can probably set all the variables to be blank with something like


Code:

i=1
while(i<=20){
_oneofseveralnames_a[i]="1-20";
i++
}
alert(_oneofseveralnames_[20]);

So now you have what I came to understand in the first few hours. Now to the hard part : (

I can't make multiple array's dynamically. I dont' know if its because I don't understand loops or arrays or what and its very fustrating. As for any answer you might be so kind as to provide, if you could dumb it down that would be greatly appreciated.
Code:

var newArray =new Array('a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z')    
i=1
while(i<=26){
	eval("_nl_" + newArray[i] + "= new Array();");
	i++
}
alert(newArray[1]) // Is b, but
alert(_nl_b) //I can't get _nl_b to exist, I tried everything including taking away the quotes around the letters in every test

*/
var _nl_a =new Array()
var _img_a =new Array()
var _h_a =new Array()
var _r_a =new Array()
var _m_a =new Array()
var _yt_a =new Array()
var _i_a =new Array()

The above arrays are all the array _name_ parts I need but for example, a has 10 parts, a,p2_a,p3_a,.. p10_a. I need 10 pages for each letter of the alphabet and numbers 0-9 and a special all1, p2_all1 ... p10_all1. Overall 2200 arrays that need to be declared. Currently they are all written out.
/*

So I'm new around here, and to web dev in general, but I've got a (hopefully) short question.

I am trying to call a function (nextMonth()) every second from the time that the cycle method gets called, until it is called again. As of now I am trying to use setInterval, (and I previously tried with setTimeout and using a callback argument but maybe I wasn't doing that properly).

The problem is that after running the cycle() method for 5 or 6 seconds, the entire browser freezes up and you have to kill it and restart it.

Here is my code as of now:

Code:

function cycle()
{
	if(CYCLEINT != null) //STOP THE CYCLE LOOP
	{
		window.clearInterval(CYCLEINT);
		CYCLEINT = null;
		document.getElementById("cycle").innerHTML = "Cycle Months";
	} 

	else //LOOP IS NOT RUNNING, INITIATE AND CONTINUE INTERVAL.
	{
		CYCLEINT = self.setInterval("nextMonth()", 1000);				
		document.getElementById("cycle").innerHTML = "Pause";
	}
} 


function prevMonth()
{
	var dVal = $( ".slider" ).slider( "option", "value");

	if(dVal > 1)
	{
		dVal--;
		$( ".slider" ).slider( "option", "value", dVal );
		refresh();
	}
}

function nextMonth()
{
	var dVal = $( ".slider" ).slider( "option", "value");

	if(dVal < dateMax)
	{
		dVal++;
		$( ".slider" ).slider( "option", "value", dVal );
		refresh();
	}

	if(CYCLEINT != null && dVal >= dateMax)		
	{
		cycle();
	}
}