Heim > Web-Frontend > js-Tutorial > Hauptteil

Beispiel-Tutorial zur jQuery-Auswahl-Dropdown-Liste

零下一度
Freigeben: 2017-06-29 10:07:29
Original
1093 Leute haben es durchsucht

jQuery-Teil:

$("#form1 select").change(function () {
    var s=[];
    $("#form1 select :selected").each(function () {
        var temp=$(this).html();
        s.push(temp);//注意这里不能使方括号
    })
    var xx=s.join();//默认中间加逗号
    $("div:last").html(xx);
})


html部分:
<form ic="form1">
Nach dem Login kopieren
下拉列表1:<br/>
<select name="test" multiple="multiple" style="height:100px">
    <option>浙江</option>
    <option selected="selected">湖南</option>
    <option>北京</option>
    <option selected="selected">天津</option>
    <option>广州</option>
    <option>湖北</option>
</select>

<br/><br/>
下拉列表2:<br/>
<select name="test2" >
    <option>浙江</option>
    <option>湖南</option>
    <option selected="selected">北京</option>
    <option>天津</option>
    <option>广州</option>
    <option>湖北</option>
</select>
<br/><br/>
<div></div>
Nach dem Login kopieren
</form>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonBeispiel-Tutorial zur jQuery-Auswahl-Dropdown-Liste. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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