2. 程式人生 > >設定下拉框中的選中項

設定下拉框中的選中項

阿新 • • 發佈：2018-11-06

點選設定按鈕下拉框隨機選中

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>設定下拉框中的選中項</title>
<
 
/head>

<body>
    <select id="selCities">
        <option value="1">南京</option>
        <option value="2">上海</option>
        <option value="3">廣州</option>
        <option value="4">杭州</option>
    </select>
    <input type="button" value=
 
"設定" id="btnSet">
    <script>
        //1.給按鈕註冊事件
        var btnSet = document.getElementById("btnSet");
        btnSet.onclick = function() {
            //2.獲取下拉框中的所有option
            var selCities = document.getElementById("selCities");
            var options = selCities.getElementsByTagName
 
("option");
            //3.隨機生成索引
            //Math.random()->[0,1)
            //Math.random()*4->[0,4)
            var randomIndex = parseInt(Math.random() * options.length);
            //4.根據索引獲取option,並讓option選中
            var option = options[randomIndex];
            option.selected = true;
        }
    </script>
</body>

</html>

相關推薦

設定下拉框中的選中項

點選設定按鈕下拉框隨機選中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="

004--easyui的combobox設定下拉框預設選中某一項

JSP頁面：可以這樣寫，提供option的選項, <input class="easyui-combobox" name="customerStatus" id="customerStatu

js獲取html下拉框中選中值的自定義屬性值

<select id="city" onchange="city_change(this)""> <option value="1" tag="010">北京</option> <option value="1" tag="02

Layui：設定select下拉框自動選中某項

1. 需求場景分析 使用者需要更改某一項活動的資訊，活動資訊中包含需要用下拉框選擇的欄位A。在使用者點選進行修改彈出對話方塊的瞬間需要填補已有的活動資訊，自動選擇欄位A已經存在的值。 2. Layui的select下拉框是怎麼實現的 為了獲得一個select標配的下拉框

easyui中一個頁面多個combobox下拉框載入同一json資料，下拉框無法選中問題

版本問題，可以通過升級easyui為最新版本解決，也可以通過以下程式碼處理/** * 初始化下拉框 * @param unitid dom元素id * @param value 初始化選中值 * @param data json資料集合 */ function in

通過jquery動態設定下拉框select的選中值option

雖然簡單，但是用得比較少，自己按照select的選中原理，直接擼出來，然後做出跟百度出來的結果對比了一下，發現百度出來的東西太繁瑣了，效果實現了，但是本著程式碼要簡潔的心，我還是用了自己的方法，記錄一下結構如下：<select>    <option cla

多個select下拉框，選中當前某一項，其他下拉框去掉選中的值

$(document).ready(function() { var oldvalue = ""; //上一次選中的值 var currentvalue = ""; //當前選中的值 $('.video_in select').each(fun

設定下拉框選中的值

設定下拉框選中值 1、("#province").find("option[value='130000']").attr("selected",true);/22、(“#province”).fin

selenium獲取下拉框中的選中的文字的方式

示例程式碼如下： <select id="ctl00_MainContentPlaceHolder_NoticeManage1_ddlNoticeType" class="select" name="ctl00 $MainContentPlaceHolder$NoticeManage1$dd

下拉框只顯示最初下拉框中的值和json返回array的交集

sel .text json down emp tno append length drop 首先我們可以遍歷dropdown var array = new Array(); $("#select option").each(function(j){ array[j]=

在HTML中的下拉框中怎樣實現超連接?

-h light targe 窗口 ext html中 http com tex 給你個例子自己改吧：<SELECT name="select" onchange="window.open(this.options[this.selectedIndex].value,

select下拉框預設選中selected屬性不起作用

問題: 問題：使用select寫的下拉選單對預設選選中的option項設定selected="selected"屬性，不起作用，沒有實現預設選中。 分析： 分析：使用谷歌瀏覽器開啟頁面時，selected="selected"預設選中事件有效。

jquery設定下拉框的值

程式碼如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script s

JQuery的validate驗證時 如何驗證下拉框是否選中

red select標簽 NPU mage 隱藏 分享圖片 img .com inpu 校驗下拉框是否選中，可以在校驗規則上添加 ignore: "", 即可對隱藏input添加校驗 ，也可以在select標簽上添加 requred="true" 此時只會提示必選字段

Js獲取下拉框當前選擇項的文字和值

　現在有一個Id為AreaId的下拉框，要獲取它當前選擇項的文字和值有以下方法： <span class="red">* </span> 地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Angularjs 關於Angularjs的ng-options設定下拉框的value的值

<div ng-app="myApp" ng-controller="myCtrl"> <select ng-model="selectedName" ng-options="item.id as item.name for item in names"> //ite

js獲取select下拉框中的值

現在有一id為userType的下拉框，怎麼獲取選中的值： 1 使用者型別: 2 <select name="type" id="userType"> 3 <option value="0">請選擇</option> 4 <option v

JavaScript解決select下拉框中的內容太長顯示不全的問題

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

QComboBox設定下拉框的高度和文字大小，和本身的寬度和大小

設定QComboBox的預設model為QAbstractItemDelegate，但不幸的的是QComboBox的Item並不繼承自QStyedItemDeletegate而是繼承自QItemDelegate。 如果要設定QComboBox的行高，使用Qss的方式 QComboBox QAbstract

java操作poi生成excel.xlsx（設定下拉框）下載本地和前端下載

需求：匯入excel表格，如果excel有錯誤，將錯誤的地方標紅，在把資料以excel的形式寫出，供使用者下載 解決方案：1.以實體類的方式接收excel並解析（建立兩個集合一個接收正常的資料一個接收錯誤的資料） 2.錯誤集合無論正確錯誤資料都要儲存，並記錄是否有誤（錯誤資料