html select标签赋值数据库查询结果

把数据库取出来的值赋值给html界面的select标签，我试了以下方法不好使，请问该怎么赋值呢
下图是js方法

img

下图是html定义select标签

img

下图是数据库查询结果

img

下图是select标签下的option

img

// 你赋值需要 赋值 value 里的值才行 赋值 555，777显示的值赋值不上


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
       
    </style>
</head>
<body>
    <select name="ss" id="ss">
        <option value="1">555</option>
        <option value="2">777</option>
    </select>
</body>
<script>
    let ss=document.getElementById("ss");
    console.log(ss.value)
   // 你赋值需要 赋值 value 里的值才行 赋值 555，777显示的值赋值不上
    setTimeout(()=>{
        ss.value="2"; //这个可以赋值上
       // ss.value="777"; //这个不可以赋值上 
    },1000)
</script>
</html>

var sel = document.getElementById("pdtzdmc");
sel.innerHtml = sel.innerHtml +"<option value="值">值</option>";