Temporary

Create Object from JSON String

First Name: <span id="fname"></span>
Last Name: <span id="lname"></span><br /> 

<script>
/*
var txt = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';
*/

var txt = {
	"employees":[
			{"firstName":"John","lastName":"Doe" },
			{"firstName":"Anna","lastName":"Smith" },
			{"firstName":"Peter","lastName":"Jones" }
	]		
};

//obj = JSON.parse(txt);

document.getElementById("fname").innerHTML=txt.employees[1].firstName
document.getElementById("lname").innerHTML=txt.employees[1].lastName
</script>

First Name: Last Name:

JavaScript Multiselect Combo form


<form name="comboform"> 

   <select name="firstcombo" size="1" onChange="replace(this.options.selectedIndex)">

       <option>Travel Sites</option> 

       <option>shopping Sites</option> 

       <option>Search Engines</option> 

  </select> 

   <select name="secondcombo" size="1"> 

       <option value="http://www.expedia.com">Expedia</option> 
  

       <option value="http://www.cheaptickets.com">Cheaptickets.com</option> 
  

       <option value="http://www.orbitz.com">Orbitz.com</option> 
  

   </select> 

  <input type="button" name="test" value="Get it!" onClick="getit()"> 
</form>  

<script>
<!--
var len=document.comboform.firstcombo.options.length

var sites=new Array(len)

  for(i=0;i<len;i++)

  sites[i]=new Array() 

sites[0][0]=new Option("Expedia.com","http://www.expedia.com") 

sites[0][1]=new Option("Cheaptickets.com","http://www.cheaptickets.com") 

sites[0][2]=new Option("Orbitz.com","http://www.orbitz.com") 

sites[1][0]=new Option("Macys","http://www.macys.com") 

sites[1][1]=new Option("Target","http://www.target.com") 

sites[1][2]=new Option("walmart","http://www.walmart.com") 

sites[2][0]=new Option("Yahoo","http://www.yahoo.com") 

sites[2][1]=new Option("Google","http://www.google.com") 

sites[2][2]=new Option("Excite","http://www.excite.com") 

sites[2][3]=new Option("Infoseek","http://www.infoseek.com") 


var temp=document.comboform.secondcombo 

  function replace(x){ 

  for (m=temp.options.length-1;m>0;m--)

  temp.options[m]=null

  for(i=0;i<sites[x].length;i++){
   temp.options[i]= new Option(sites[x][i].text,sites[x][i].value)
  }

  temp.options[0].selected=true

  }
 
  function getit(){
    location=temp.options[temp.selectedIndex].value
  }
-->
</script>


<script type="text/javascript">
  // hard-coded inside the function.
  function populate() {
    var sel1 = document.getElementById("list1")
    var sel2 = document.getElementById("list2")
    var sel3 = document.getElementById("list3")
    var sel4 = document.getElementById("list4")
    var sel5 = document.getElementById("list5")
    var result = new Array()
    if (sel1.options[sel1.selectedIndex].value!="?") {
      result.push(sel1.options[sel1.selectedIndex].value)
    }
    if (sel2.options[sel2.selectedIndex].value!="?") {
      result.push(sel2.options[sel2.selectedIndex].value)
    }
    if (sel3.options[sel3.selectedIndex].value!="?") {
      result.push(sel3.options[sel3.selectedIndex].value)
    }
    if (sel4.options[sel4.selectedIndex].value!="?") {
      result.push(sel4.options[sel4.selectedIndex].value)
    }
    if (sel5.options[sel5.selectedIndex].value!="?") {
      result.push(sel5.options[sel5.selectedIndex].value)
    }
    // populate the selected value into text boxes
    for (var i=0; i<result.length; i++) {
      document.getElementById("box"+(i+1)).value = result[i]
    }
  }
</script>

Selection 1: <select id="list1">
  <option value="?">No select</option>
  <option value="list1Val1">Val1</option>
  <option value="list1Val2">Val2</option>
  <option value="list1Val3">Val3</option>
  <option value="list1Val4">Val4</option>
</select>
Selection 2: <select id="list2">
  <option value="?">No select</option>
  <option value="list2Val1">Val1</option>
  <option value="list2Val2">Val2</option>
  <option value="list2Val3">Val3</option>
  <option value="list2Val4">Val4</option>
</select>
Selection 3: <select id="list3">
  <option value="?">No select</option>
  <option value="list3Val1">Val1</option>
  <option value="list3Val2">Val2</option>
  <option value="list3Val3">Val3</option>
  <option value="list3Val4">Val4</option>
</select>
Selection 4: <select id="list4">
  <option value="?">No select</option>
  <option value="list4Val1">Val1</option>
  <option value="list4Val2">Val2</option>
  <option value="list4Val3">Val3</option>
  <option value="list4Val4">Val4</option>
</select>
Selection 5: <select id="list5">
  <option value="?">No select</option>
  <option value="list5Val1">Val1</option>
  <option value="list5Val2">Val2</option>
  <option value="list5Val3">Val3</option>
  <option value="list5Val4">Val4</option>
</select>

<input type="button" value="Finish" onclick="populate()">

<input type="text" id="box1" size="10">  
<input type="text" id="box2" size="10">  
<input type="text" id="box3" size="10">  
<input type="text" id="box4" size="10">  
<input type="text" id="box5" size="10">

Selection 1: Selection 2: Selection 3: Selection 4: Selection 5:

Temporary

Create Object from JSON String

JavaScript Multiselect Combo form

Footer section 1

Footer section 2

Footer section 3