jQuery学习笔记取值输入框、下拉框选中和设置输入框值

1.JQuery获取输入框的值:

var  uuid= $("#uuid").val();

说明:"#这里是输入框的id"

2.JQuery获取下拉框选中值:

var address= $("#address").val();

说明:"#这里是下拉框框的id"

3.JQuery获取下拉框选中的文本

$("#address").find("option:selected").text();
4.JQuery加载日期下拉框默认选中当前年度和月份

1)html

				<div id="day_rq_Div">

					<label class="col-xs-2 control-label" for=""
						style="margin-bottom: 3px">所属年份</label>
					<div class="col-xs-2">
						<select id="nf" name="nf" class="form-control">
							<option value="">---请选择---</option>
							
						</select>
					</div>
				</div>

				<div id="day_rq_Div">
					<label class="col-xs-1 control-label" for=""
						style="margin-bottom: 3px">所属月份</label>
					<div class="col-xs-2">
						<select id="yf" name="yf" class="form-control">
							<option value="">---请选择---</option>
							
								<option value="01">1月</option>
								<option value="02">2月</option>
								<option value="03">3月</option>
								<option value="04">4月</option>
								<option value="05">5月</option>
								<option value="06">6月</option>
								<option value="07">7月</option>
								<option value="08">8月</option>
								<option value="09">9月</option>
								<option value="10">10月</option>
								<option value="11">11月</option>
								<option value="12">12月</option>
				
						</select>
					</div>
				</div>

2) JS(   <body onload="init()">  )

function init(){
	
	var myDate = new Date();
    var year = myDate.getFullYear();
    var month = myDate.getMonth()+1;
    var strDate = myDate.getDate();
    if (month<10){
        month = "0"+month;
    }
    //月份默认选择当前月份
    $("#yf").find("option[value = '"+month+"']").attr("selected","selected");
    
    //年份的集合
    var start = 2015; // 指定开始年份
    var end = new Date().getFullYear()+1; // 获取当前年份
    for(i=start;i<=end;i++){
        $("#nf").append("<option value="+i+">"+i+"年"+"</option>")
    }
     $("#nf").find("option[value = '"+year+"']").attr("selected","selected");
}



猜你喜欢

转载自blog.csdn.net/qq_24484085/article/details/79450196