溫馨提示×

jquery如何給select框賦值

愛看星星的稻草人
2684
2021-05-21 14:05:33
欄目: 編程語言

使用jquery給select下拉框賦值的方法：1.新建html項目，引入jquery；2.創(chuàng)建select下拉框，設(shè)置id屬性；3.添加button按鈕，綁定onclick點擊事件；4.通過id獲取下拉框?qū)ο螅褂胑ach()方法遍歷下拉框；5.通過val()方法設(shè)置value值，使用text()方法賦值；


jquery如何給select框賦值


具體步驟如下：

1.首先，新建一個html項目，并在項目中引入jquery；


<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.引入jquery后，在項目中創(chuàng)建一個select下拉框，并設(shè)置id屬性；

<select id="btn">
<option value=""></option>
<option value=""></option>
</selrct>


3.select下拉框創(chuàng)建好后，添加一個button按鈕，并綁定onclick點擊事件；


<button onClick="set()"></button>


4.按鈕添加好后，在點擊事件中通過id獲取下拉框?qū)ο?，并使用each()方法遍歷下拉框；


function set(){
$('#btn option').wach(function(){
});
}


5.最后，遍歷下拉框后，通過val()方法設(shè)置value值，在使用text()方法即可為select下拉框賦值；


function set(){
var i = 1;
$('#btn option').wach(function(){
$(this).val(i).text(i);
i++;
});
}


0 踩