兩種方法獲取select下拉框選中的option的值

阿新 • • 發佈：2019-01-21

第一種

<select name="type" id="aaa" onchange="show_sub()">    
    <option value="0">請選擇主菜名</option>    
    <option value="1">白菜</option>    
    <option value="2">蘿蔔</option>    
 </select>

js程式碼

 function show_sub(){     
	       alert($("#aaa").find("option:selected").attr("value"));//原生  
	        alert($("#aaa").find("option:selected").val());  //加入jq庫

	    }

第二種

<select name="type" onchange="show_sub(this.options[this.options.selectedIndex].value)">    
    <option value="0">請選擇主菜名</option>    
    <option value="1">白菜</option>    
    <option value="2">蘿蔔</option>    
 </select>

js程式碼

<script>     
    function show_sub(v){     
        alert(v);     
    }     
</script>

兩種效果都是一樣的

兩種方法獲取select下拉框選中的option的值

第一種 <select name="type" id="aaa" onchange="show_sub()"> <option value="0">請選擇主菜

4種方法獲取select下拉框標簽中的值

定位 tag name () 節點通過 ext col path 選中下拉框中“上海” 代碼如下：<select id="province" class="select" name="province"> <option value="0">請選擇

jquery及原生js獲取select下拉框選中的值示例

有一id=test的下拉框，怎麼拿到選中的那個值呢？本文將採用javascript原生的方法及jquery方法（前提是已經載入了jquery庫）來簡單實現下現在有一id=test的下拉框，怎麼拿到選中的那個值呢？分別使用javascript原生的方法和jquery方法,程式碼

Javascript獲取select下拉框選中的的值

title nbsp span htm .text 下拉框 dex alert tle Javascript獲取select下拉框選中的的值現在有一id=test的下拉框，怎麽拿到選中的那個值呢？分別使用javascript原生的方法和jquery方法 <sel

JS獲取select下拉框選中的value或者其name

text single nbsp -s 舉例 sta c-s jquer hid 舉例： <select class="js-example-basic-single js-states" style="width: 300px" name="hid" id="hi

js獲取select下拉框中的值

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

Javascript獲取select下拉框選中的的值,select中指定option選中觸發事件

現在有一id=test的下拉框，怎麼拿到選中的那個值呢？分別使用javascript原生的方法和jquery方法 <select id="test" name="" onchange="gradeChange()"> <option va

jQuery操作select下拉框的text值和value值的方法

1、jquery獲取當前選中select的text值 var checkText=$("#slc1").find("option:selected").text(); 2、jquery獲取當前選中select的value值 var checkValue=$("#slc1").val(); 3、jqu

jquery---如何獲取select下拉框當前選擇的文字

<select name="area" id="areaid"> <option value="">--請選擇--</option> <option valu

jQuery選擇器----------jquery實現select下拉框的取值與賦值，設定選中的方法大全

// 1.判斷select選項中是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i < objSelect.opt

SelecT下拉框選中和取值的方法

Select下拉框的問題，想在選擇一個選項後，前臺顯示做出變動，並且知道選擇的是第幾個選項。這個很好解決：如下: <div class="page-header"><div class="form-horizontal"><div c

Web前端：如何實現選擇select下拉框選中跳轉其他頁面

option chang 前端實現 cati onchange 下拉框選中 b- class <select onchange="window.location=this.value;"><option value="a.html">用戶管理<

關於HTML中select下拉框的取值問題

<div> <select name="select-test" id="select-test"> <option value="1" >yi</option> <option value="2" >e

select下拉框可輸入值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

刪除和新增select下拉框選中的內容option，以及清空option選項

刪除：$("#sysusergroupList").find("option:selected").remove();新增：document.getElementById("sysusergroupLi

easyUI中select下拉框新增option選項

使用jquery easyui的下拉列表combobox碰上問題，下拉列表的項都是從資料庫讀出來的，然後我想在動態生成的項中新增一項："<option value=''>=全部=</option>"。但怎麼也新增不成功。首先試了直接用jquery對該

點選select下拉框裡面的值的事件

點選下拉框用click是沒用的要用change$("#grjfe").change(function(){var grjfe=$("#grjfe").val();alert(grjfe);//if (grjfe) {////} else{////}})

js獲取selece下拉選單選中的值

第一種方式(原生js) var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // 選中索引 var text = obj.options[index].text;

C# Winform 獲得下拉框選中的值

string PrintName = cmbPrinter.SelectedIndex.ToString(); PrintName = cmbPrinter.SelectedItem.ToString(); // if (cmbPri

設定下拉框選中的值

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

兩種方法獲取select下拉框選中的option的值

相關推薦