欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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 = "西安交大";
相关标签: js js javascript