javascript - 求大神帮助 js中关于双引号与单引号同时使用的问题。-PHP中文网问答

求大神帮解析一下下面这段代码中 <option value="' + i + '">这个里面 value里 " '+ i +' "这个是什么意思呀；主要是这个双引号包含单引号是什么意思，同时返过来他们又是什么意思；我看视频里是这样教的，但是里面讲师没有解决这句话的意思。。。在百度里也只看找到了一个比较复杂的说明；什么转义之类的。。。求大神能否详细帮助解析一下吖。谢谢哈。

<!Doctype html>
<html>
<head>
    <meta charset="utf-8" >
    <title>下拉列表</title>
    <script>
   
       var raae = [
           ['彭水县' , '丰都' , '万县'],
           ['普东西区' , '中环一区' , '花区' , '万丰县']
           ];
           
        function ld(){
            var teld = document.getElementById('prov');
            var teld1 = document.getElementById('prov2');
            var odrd = '';
            for(var i=0 , len=raae[teld.value].length; i<len; i++){
            //teld1.innerHTML = "<option>"+raae[teld.value] + "</option>";
            odrd = odrd + '<option value="' + i + '">' + raae[teld.value][i] +'</option>';
            }
            
            teld1.innerHTML = odrd;
            alert(odrd);
            
        }
    </script>
</head>
<body>
    <select name="" id="prov" onchange="ld()">
        <option value="-1">请选择</option>
        <option value="0">重庆</option>
        <option value="1">上海</option>
    </select>
    <select name="" id="prov2">
        
    </select>
</body>
</html>