Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung der Verwendung von select in JS- und jQuery_javascript-Kenntnissen

Detaillierte Erläuterung der Verwendung von select in JS- und jQuery_javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 15:04:41
Original
1206 Leute haben es durchsucht

1.js

var obj=document.getElementById(selectid);
obj.options.length = 0; //清除所有内容
obj.options[index] = new Option("three",3); //更改对应的值
obj.options[index].selected = true; //保持选中状态
obj.add(new Option("4","4")); ”文本",”值"
var index = obj.selectedIndex;obj.options.remove(index);//删除选中项
Nach dem Login kopieren

2.jquery

$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
$("#select_id").").find('option:selected').text(); 获取select选中的text
$("#select_id").val(); 获取select选中的value
$("#select_id option[index='0']").remove();//删除索引值为0的Option
$("#select_id option[value='3']").remove(); //删除值为3的Option
$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option
$("#mselect_id").change(function(){
//添加所需要执行的操作代码
})
Nach dem Login kopieren

Ergänzung: js ruft den vom Select-Tag ausgewählten Wert ab

var obj = document.getElementByIdx_x(”testSelect”); //定位id
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; // 选中值
Nach dem Login kopieren

Den ausgewählten Auswahlwert in jQuery abrufen

Der erste Weg

$('#testSelect option:selected').text();//选中的文本
$('#testSelect option:selected') .val();//选中的值
$("#testSelect ").get(0).selectedIndex;//索引
Nach dem Login kopieren

Der zweite Weg

$("#tesetSelect").find("option:selected").text();//选中的文本
…….val();
…….get(0).selectedIndex;
Nach dem Login kopieren

Der obige Inhalt ist eine detaillierte Erklärung der Verwendung von select in JS und jQuery, die vom Herausgeber eingeführt wurde. Ich hoffe, dass er für alle hilfreich ist!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage