js設置控制項值

㈠ 用js怎樣獲得下拉框的值

1、首先我們打來開軟體進入代碼編輯按照自圖示代碼先創建一個下拉框。

㈡ js給伺服器端控制項label賦值

實現方法：
1、JS腳本為伺服器控制項賦值
語法：document.getElementById('<%=伺服器控制項名.ClientID%>')

document.getElementById('<%=TextBox2.ClientID%>『).value= 「aaaaa」 ;

<anthem:TextBox ID= "TextBox2" runat= "server" Text= "bbbbb" >< /anthem:TextBox> //這個是anthem的控制項，跟asp.Net ajax框架的控制項一樣.

//2、JS腳本為伺服器中用戶控制項中的控制項賦值

語法：document.getElementById("<%=伺服器控制項名.ClientID%>"+"_用戶控制項中控制項名")

document.getElementById( "<%=UserInfoControl1.ClientID%>"+"_txtBAname" ).value= 「aaaaa」 ;

頁面使用的用戶控制項： <uc1:UserInfoControl ID= "UserInfoControl1" runat= "server" />

用戶控制項代碼：

<anthem:TextBox ID="txtBAname" runat="server" Width="64px" CssClass="lankuang" ></anthem:TextBox>

2.js為伺服器控制項Lable賦值的話，語法為:

document.getElementById("<%=CaseControl1.ClientID%>"+ "_lblZhusu" ).innerHTML= "aaaaaaa" ;

但是由於label映射到客戶端是Div標簽，所以後台取的還是原來的值。

㈢ 怎麼用js動態 設置select中的某個值為選中值

用JS動態設置select的方法如下：

手動通過原生JS來實現：

/**

* 設置select控制項選中

* @param selectId select的id值

* @param checkValue 選中option的值

*/

function set_select_checked(selectId, checkValue){

var select = document.getElementById(selectId);

for (var i = 0; i < select.options.length; i++){

if (select.options[i].value == checkValue){

select.options[i].selected = true;

break; } } }

然後通過這樣來調用：

// 設置select選中該班組

set_select_checked('edit-group', group_id);

注意：不要傳'#edit-group'。

(3)js設置控制項值擴展閱讀

js動態設置Select中Option選中

/** *設置select選中

*@paramselectIdselect的id值

*@paramcheckValue選中option的值

*@authorlqy */

functionsetSelectChecked(selectId,checkValue){

varselect=document.getElementById(selectId);

for(vari=0;i<select.options.length;i++){

if(select.options[i].innerHTML==checkValue){

select.options[i].selected=true;

break; } } };

㈣ js datetimepicker控制項的時間選擇條怎麼設置

今天做日期控制項，需求要求設置一個時間范圍限制，選擇從今天開始的日期才可以選擇，今天以前都不可以選擇

主要體現在bootstrap-datetimepicker控制項下面的2個日期參數

weekStart:1,
startDate:newDate(日期),

引用的基礎庫有

<scripttype="text/javascript"src="./jquery/jquery-1.8.3.min.js"charset="UTF-8"></script>
<scripttype="text/javascript"src="./bootstrap/js/bootstrap.min.js"></script>
<scripttype="text/javascript"src="../js/bootstrap-datetimepicker.js"charset="UTF-8"></script>
<scripttype="text/javascript"src="../js/locales/bootstrap-datetimepicker.fr.js"charset="UTF-8"></script>

HTML代碼
復制代碼

<divclass="form-group">
<labelfor="dtp_input3"class="col-md-2control-label">timestart</label>
<divclass="input-groupdateform_date_startcol-md-3">
<inputclass="form-control"size="16"type="text"value=""readonly>
<spanclass="input-group-addon"><spanclass="glyphiwww.meidiyazx.com/sitemap.xml"></span></span>
<spanclass="input-group-addon"><spanclass="glyphiconglyphicon-time"></span></span>
</div>
<inputtype="hidden"id="dtp_input3"value=""/>
</div>

復制代碼

JS代碼
復制代碼

varnewDate=newDate();
vart=newDate.toJSON();
$('.form_date_start').datetimepicker({
format:'yyyy-mm-dd',
language:'fr',
weekStart:1,
todayBtn:1,
autoclose:1,
todayHighlight:1,
startView:2,
minView:2,
forceParse:0,
weekStart:1,
startDate:newDate(t),
});

復制代碼附：精確到分的時間、年月日、時間、年月、月日、從今天開始、到今天結束

HTML
復制代碼

<divclass="container">
<formaction=""class="form-horizontal"role="form">
<fieldset>
<legend>Test</legend>
<divclass="form-group">
<labelfor="dtp_input1"class="col-md-2control-label">DateTimePicking</label>
<divclass="input-groupdateform_datetimecol-md-5">
<inputclass="form-control"size="16"type="text"value=""readonly>
<spanclass="input-group-addon"><spanclass="glyphiwww.meidiyazx.com/sitemap.xml"></span></span>
<spanclass="input-group-addon"><spanclass="glyphiconglyphicon-th"></span></span>
</div>
<inputtype="hidden"id="dtp_input1"value=""/><br/>
</div>
<divclass="form-group">
<labelfor="dtp_input2"class="col-md-2control-label">DatePicking</label>
<divclass="input-groupdateform_datecol-md-5">
<inputclass="form-control"size="16"type="text"value=""readonly>
<spanclass="input-group-addon"><spanclass="glyphiwww.meidiyazx.com/sitemap.xml"></span></span>
<spanclass="input-group-addon"><spanclass="glyphiconglyphicon-calendar"></span></span>
</div>
<inputtype="hidden"id="dtp_input2"value=""/><br/>
</div>
<divclass="form-group">
<labelfor="dtp_input3"class="col-md-2control-label">TimePicking</label>
<divclass="input-groupdateform_timecol-md-5"data-date=""data-date-format="hh:ii"data-link-field="dtp_input3"data-link-format="hh:ii">
<inputclass="form-control"size="16"type="text"value=""readonly>
<spanclass="input-group-addon"><spanclass="glyphiwww.meidiyazx.com/sitemap.xml"></span></span>
<spanclass="input-group-addon"><spanclass="glyphiconglyphicon-time"></span></span>
</div>
<inputtype="hidden"id="dtp_input3"value=""/><br/>
</div>
<divclass="form-group">
<labelfor="dtp_input3"class="col-md-2control-label">monthPicking</label>
<divclass="input-groupdateform_monthcol-md-5">
<inputclass="form-control"size="16"type="text"value=""readonly>
<spanclass="input-group-addon"><spanclass="glyphiwww.meidiyazx.com/sitemap.xml"></span></span>
<spanclass="input-group-addon"><spanclass="glyphiconglyphicon-time"></span></span>
</div>
<inputtype="hidden"id="dtp_input3"value=""/><br/>
</div>
<divclass="form-group">
<labelfor="dtp_input3"class="col-md-2control-label">monthdatePicking</label>
<divclass="input-groupdateform_month_datecol-md-5">
<inputclass="form-control"size="16"type="text"value=""readonly>
<spanclass="input-group-addon"><spanclass="glyphiwww.meidiyazx.com/sitemap.xml"></span></span>
<spanclass="input-group-addon"><spanclass="glyphiconglyphicon-time"></span></span>
</div>
<inputtype="hidden"id="dtp_input3"value=""/><br/>
</div>
<divclass="form-group">
<labelfor="dtp_input3"class="col-md-2control-label">yearPicking</label>
<divclass="input-groupdateform_yearcol-md-5">
<inputclass="form-control"size="16"type="text"value=""readonly>
<spanclass="input-group-addon"><spanclass="glyphiwww.meidiyazx.com/sitemap.xml"></span></span>
<spanclass="input-group-addon"><spanclass="glyphiconglyphicon-time"></span></span>
</div>
<inputtype="hidden"id="dtp_input3"value=""/><br/>
</div>
<divclass="form-group">
<labelfor="dtp_input3"class="col-md-2control-label">timestart</label>
<divclass="input-groupdateform_date_startcol-md-3">
<inputclass="form-control"size="16"type="text"value=""readonly>
<spanclass="input-group-addon"><spanclass="glyphiwww.meidiyazx.com/sitemap.xml"></span></span>
<spanclass="input-group-addon"><spanclass="glyphiconglyphicon-time"></span></span>
</div>
<inputtype="hidden"id="dtp_input3"value=""/>
</div>
<divclass="form-group">
<labelfor="dtp_input3"class="col-md-2control-label">timeend</label>
<divclass="input-groupdateform_date_endcol-md-3">
<inputclass="form-control"size="16"type="text"value=""readonly>
<spanclass="input-group-addon"><spanclass="glyphiwww.meidiyazx.com/sitemap.xml"></span></span>
<spanclass="input-group-addon"><spanclass="glyphiconglyphicon-time"></span></span>
</div>
<inputtype="hidden"id="dtp_input3"value=""/>
</div>
</fieldset>
</form>
</div>

㈤ js中怎麼獲得本頁下拉菜單選定的值

首先設置下拉列表控制項的id屬性
<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
1:拿到select對象： var myselect=document.getElementById("test");
2:拿到選中項的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所選中項的index。
3:拿到選中項options的value： myselect.options[index].value;
4:拿到選中項options的text： myselect.options[index].text;
另外還有jquery的方法（前提是已經載入了jquery庫）：
1:var options=$("#test option:selected"); //獲取選中的項
2:alert(options.val()); //拿到選中項的值
3:alert(options.text()); //拿到選中項的文本