省市二级联动

</div>



<!-- <button>河北省</button>
<button>北京</button> -->
<select name="nihao" id="sheng">
   <option >请选择省</option>

请选择市

</select>

<script>





    var input=document.getElementsByTagName('input')[0];
   

    input.onchange=function(){
        alert('hehe')
    }

data={“河北省”:[“廊坊”,“邯郸”],“北京”:[“朝阳区”,“海淀区”]};

var sheng=document.getElementById(‘sheng’);
var shi=document.getElementById(‘shi’);

// console.log(sheng.options[sheng.selectedIndex].value)

sheng.οnchange=function(){
//alert(‘hehe’)
// console.log( this.getAttribute(‘value’))
console.log(this.innerHTML)
}

for(var prop in data){

var opt=document.createElement('option');
opt.innerHTML=prop;
sheng.appendChild(opt);

}

sheng.οnchange=function(){

var pro=sheng.options[sheng.selectedIndex].value;
shi.options.length=0;
for(var prop in data){

var citys=data[pro];
console.log(citys)

}

for(var i=0;i<citys.length;i++){
console.log(‘haha’)
var opt=document.createElement(‘option’);
opt.innerHTML=citys[i];
shi.appendChild(opt)
}

}

//   var div=document.createElement('div');
//   div.innerHTML=prop;
//   document.body.appendChild(div);
//  console.log(data[prop])

// for(var i=0;i<data[prop].length;i++){
// console.log(data[prop][i])
// }
// }
// var sheng=document.getElementById(‘sheng’);
// var opt=document.createElement(‘option’);
// opt.innerText=‘SX’;
// sheng.appendChild(opt);

var btn0=document.getElementsByTagName(‘button’)[0];

var btn1=document.getElementsByTagName(‘button’)[1];
// btn0.addEventListener(‘click’,function(){
// var div=document.getElementsByClassName(‘box1’)[0];
// for(var prop in data)
// {
// // var div=document.createElement(‘div’);
// // div.innerHTML=prop;
// // document.body.appendChild(div);
// // console.log(data[prop])

// if(btn0.innerHTML==prop){
// div.innerHTML=’’;
// for(var i=0;i<data[prop].length;i++){
// console.log(data[prop][i]);

// div.innerHTML+=data[prop][i];
// }
// }

// }
// })

// btn1.addEventListener(‘click’,function(){
// var div=document.getElementsByClassName(‘box1’)[0];
// for(var prop in data)
// {
// // var div=document.createElement(‘div’);
// // div.innerHTML=prop;
// // document.body.appendChild(div);
// // console.log(data[prop])

// if(btn1.innerHTML==prop){
// div.innerHTML=’’;
// for(var i=0;i<data[prop].length;i++){
// console.log(data[prop][i]);

// div.innerHTML+=data[prop][i];
// }
// }

// }
// })
var str1=‘wei’;
var str2=‘weiwei’;
console.log(str1==str2)