Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > jquery implementiert Beispielcode für die Intermodulation zweier Select-Tags items_jquery

jquery implementiert Beispielcode für die Intermodulation zweier Select-Tags items_jquery

WBOY
Freigeben： 2016-05-16 16:35:16
Original
1064 Leute haben es durchsucht
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0"> 
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
</head>


<SCRIPT LANGUAGE="JavaScript">
<!--
$(document).ready(function() {
$("#toRight").click(function(){
$("#selectLeft option:selected").each(function(){
$("#selectRight").append("<option value=" + $(this).val() + ">" + $(this).html() + "</option>");
$(this).remove();
});
});

$("#toLeft").click(function(){
$("#selectRight option:selected").each(function(){
$("#selectLeft").append("<option value=" + $(this).val() + ">" + $(this).html() + "</option>");//这个方法是默认在后面添加
//$("#selectLeft option:first").before("<option value=" + $(this).val() + ">" + $(this).html() + "</option>"); //此种方法是在select前面加内容
//$("#selectLeft option[value=3]").before("<option value=" + $(this).val() + ">" + $(this).html() + "</option>"); //此种方法是在selectt指定某一行加内容
$(this).remove();
});
});

});
//-->
</SCRIPT>


<BODY>
<table>
<tr>
<td>
<select size='10' multiple id="selectLeft" style="width:200px">
<option value="0">Jquery API</option>
<option value="1">JavaScript高级程序设计</option>
<option value="2">锋利的jQuery</option>
<option value="3">JavaScript 设计模式</option>
<option value="4">JavaScript+DOM高级程序设计</option>
<option value="5">PHP高级程序设计</option>
<option value="6">面向对象程序设计</option>
</select>
</td>
<td>
<input type="button" value=" >> " id="toRight" /><br /><br />
<input type="button" value=" << " id="toLeft" />
</td>
<td>
<select size='10' multiple id="selectRight" style="width:200px">
</select>
</td>
</tr>
</table>
</BODY>
</HTML>
Nach dem Login kopieren
Verwandte Etiketten：
select 标签
Quelle：php.cn
Vorheriger Artikel：Denken und Praktizieren der Front-End- und Back-End-Trennung basierend auf NodeJS (6) Nginx Node.js Java-Software-Stack-Bereitstellung practice_node.js Nächster Artikel：jquery uploadify ist eine ungültige Lösung unter FF_jquery
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
Neueste Artikel des Autors
Aktuelle Ausgaben
SQL Count() erfordert ebenfalls 0 Ich habe nur eine Tabelle und möchte jeden Eintrag eines Tags zählen, der mit 0 beginnt. J...
Aus 2024-04-06 19:48:53
0
1
449
SQL Groupby funktioniert nicht, ich möchte nach Code_Branch gruppieren -&gt;select('a.statusasstatus','b.nameascustomer_name','e.nameasbranch_name','c.nameas...
Aus 2024-04-06 19:24:49
0
2
488
Beim Versuch, die neueste Version eines Pakets von search.maven.org abzurufen, ist ein Fehler aufgetreten „Fehler: Es konnten keine Daten aus dem Maven-Repository abgerufen werden“ beim Abrufen de...
Aus 2024-04-05 12:11:23
0
1
1471
Ändern Sie den matSelect-Stil, wenn Optionen angezeigt werden Wie ändere ich die Eigenschaften von mat-select, wenn die Option aktiviert ist? <mat-se...
Aus 2024-04-05 09:23:19
0
1
1374
Echo innerhalb von Div mit verschachteltem Echo Ich versuche echo<?phprequire'connect.php';$query=mysqli_query($conn,"SELECT*FROM`...
Aus 2024-04-04 11:09:23
0
1
390
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage