js常用基础知识点(记录且不定时更新)
程序员文章站
2022-06-17 19:18:17
...
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 = "西安交大";
推荐阅读