javascript 给select赋值 js中给select动态赋值

js如何获取select下拉框的value以及文本内容 并赋值

<select id="s1">
    <option value="">---请选择---</option>
        <option value="1">教学类</option>
        <option value="2"> 技术类</option>
</select>
<button id="btn">获取</button>

赋值：

var objSelect= document.getElementById("s1");        
var d = objSelect.options[objSelect.selectedIndex];//取值
d.text ="123";//赋值
console.log(d)

取值：

$("#btn").click(function(){    
        var objSelect= document.getElementById("s1");        
        var d = objSelect.options[objSelect.selectedIndex]；
        console.log(d)
})