js常用基础知识点（记录且不定时更新）

1.获取option下的值

<option value="test1" selected="selected">test1</option>  //默认选中的option
 
<select id="test" class="test1">
    <option value="">请选择城市</option>
    <option value="beijing">北京</option>
    <option value="shanghai">上海</option>
    <option value="guangzhou">广州</option>
    <option value="shenzhen">深圳</option>
</select>

方法一：通过jquery实现
var options=$("#test option:selected");  //获取选中的option
options.val();   	//获取选中的value  如：beijing 
options.text();    //获取选中的text    如：背景

方法二：通过javascript实现
var Sel=document.getElementById("test");    //获取select对象 
var index=Sel.selectedIndex ;             // 取到选中项的索引：如 2 表示北京的option
myselect.options[index].value;			 //获取选中项的value：   beijing
myselect.options[index].text;			//取到选中项的文本内容：  北京

2.获取input的text值

<input type="text" class="layui-input" id="test1" placeholder="yyyy-MM-dd" lay-key="1">


$("#test1").val();

3.替换div的内容

 <div class="ttc-name clear" id="name1" >
        上师大
	<div class="ttc-city">
            上海
     </div>
</div>

 var dt=document.getElementById("name1");//通过id获取该div
 dt.innerHTML = "西安交大";

//这里替换会将下面的div也一起替换，如果只想替换“上师大”
 <div class="ttc-name clear" id="name1" >
        <span id="name2">上师大</span>
	<div class="ttc-city">
            上海
     </div>
</div>

 var dt=document.getElementById("name2");//通过id获取该div
 dt.innerHTML = "西安交大";