Heim Web-Frontend js-Tutorial So lösen Sie das Optionsüberlagerungsproblem von lselect

So lösen Sie das Optionsüberlagerungsproblem von lselect

Mar 29, 2018 am 09:33 AM
option 如何

Dieses Mal zeige ich Ihnen, wie Sie das Optionsüberlagerungsproblem von lselect lösen können. Was sind die Vorsichtsmaßnahmen, um das Optionsüberlagerungsproblem von lselect zu lösen?

Der Editor, ich verwende Laui, und ich bin auf eine Falle im Auswahlbereich gestoßen. Der Wert in der Auswahl kann nicht gelöscht werden, und die Optionen in der Auswahl weisen ein Überlagerungsproblem auf und um meine Funktion zu erreichen, habe ich nach einiger Recherche meinen Quellcode gepostet, damit Freunde mit den gleichen Bedürfnissen nicht in die Falle tappen:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>layui-下拉框联动测试</title>
 <link rel="stylesheet" href="layui/css/layui.css" rel="external nofollow" >
</head>
<body>
<p id="wrap">
 <p class="layui-form" lay-filter="merchantForm">
 <p class="layui-form-item">
 <label class="layui-form-label">选择框</label>
 <p class="layui-input-block">
  <select name="city" lay-verify="required" id="test1" lay-filter="test1">
  <option value="0">时间</option>
  <option value="1">金额</option>
  </select>
 </p>
 </p>
 <p class="layui-form-item">
 <label class="layui-form-label">选择框</label>
 <p class="layui-input-block">
  <select name="city" lay-verify="required" id="test2" lay-filter="test2">
  <option value="">请选择规则名称</option>
  </select>
 </p>
 </p>
</p> 
<button id="btn">确定</button>
</body>
<script src="layui/layui.all.js"></script>
<script src="layui/jquery-1.8.3.min.js"></script>
<script>
//后台传过来的数据
var data=[
 {unitType:0,ruleName:'时间规则11',amount:1100,money:1100},
 {unitType:0,ruleName:'时间规则12',amount:1200,money:1200},
 {unitType:0,ruleName:'时间规则13',amount:1300,money:1300},
 {unitType:1,ruleName:'金额规则21',amount:2100,money:2100},
 {unitType:1,ruleName:'金额规则22',amount:2200,money:2200},
 {unitType:1,ruleName:'金额规则23',amount:2300,money:2300},
];
//初始化默认为时间类型以及对应的时间规则
layui.use('form', function(){
 var form = layui.form;
  $('#test2').html('');
  var html='';
  $.each(data,function(i,e){
   if(e.unitType==0)
    html+=`<option data-type="${e.unitType}">${e.ruleName}</option>`;
  })
  $('#test2').append(html);
  form.render('select'); 
})
//动态二级联动
layui.use('form', function(){
 var form = layui.form;
  form.on('select(test1)', function(obj){
  $('#test2').html('');
  var html='';
  if(obj.value==0){
   $.each(data,function(i,e){
    if(e.unitType==obj.value)
     html+=`<option data-type="${e.unitType}">${e.ruleName}</option>`;
   })
   $('#test2').append(html);
  }else if(obj.value==1){
   $.each(data,function(i,e){
    if(e.unitType==obj.value)
    html+=`<option data-type="${e.unitType}">${e.ruleName}</option>`;
   })
   $('#test2').append(html);
  }
  form.render('select');
 });
})
//二级联动完毕后获取对应的规则数据
$('#btn').click(function(){
 var thisValue=data.find((v)=>v.ruleName==$('#test2').val());
 console.log(thisValue); 
})
</script>
</html>
Nach dem Login kopieren

Ich glaube, Sie haben die Methode nach dem Lesen gemeistert Der Fall in diesem Artikel finden Sie auf der chinesischen PHP-Website. Weitere verwandte Artikel!

Empfohlene Lektüre:

Wie man damit umgeht, dass die Seite nicht gerendert wird, wenn Vue die folgende Tabelle verwendet, um das Array zu ändern

Anleitung Verwenden Sie den statischen Dateiserver des Knotens

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Optionsüberlagerungsproblem von lselect. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was bedeutet Option in der Linux-Dokumentation? Was bedeutet Option in der Linux-Dokumentation? Mar 07, 2023 am 10:41 AM

Unter Linux bezieht sich Option auf eine Befehlsoption, bei der es sich um einen Schalter handelt, der das Verhalten der Befehlsausführung anpasst. Das heißt, verschiedene Optionen bestimmen die Anzeigeergebnisse des Befehls. Optionen werden in lange Optionen und kurze Optionen unterteilt: 1. Kurze Optionen werden durch „-“ gekennzeichnet. Wenn es mehrere kurze Optionen gibt, werden die einzelnen Optionen durch Leerzeichen getrennt. 2. Lange Optionen sind vollständige Wörter und können normalerweise nicht kombiniert werden .

Gibt es eine Zukunft für eine Beschäftigung in der klinischen Pharmazie an der Harbin Medical University? (Wie sind die Beschäftigungsaussichten für die klinische Pharmazie an der Harbin Medical University?) Gibt es eine Zukunft für eine Beschäftigung in der klinischen Pharmazie an der Harbin Medical University? (Wie sind die Beschäftigungsaussichten für die klinische Pharmazie an der Harbin Medical University?) Jan 02, 2024 pm 08:54 PM

Wie sind die Beschäftigungsaussichten der klinischen Pharmazie an der Harbin Medical University? Obwohl die Beschäftigungssituation im Land nicht optimistisch ist, haben Absolventen der Pharmazie immer noch gute Beschäftigungsaussichten. Insgesamt ist das Angebot an Pharmaabsolventen geringer als die Nachfrage. Pharmaunternehmen und Pharmafabriken sind die Hauptkanäle für die Aufnahme solcher Absolventen. Auch die Nachfrage nach Talenten in der Pharmaindustrie wächst stetig. Berichten zufolge hat das Angebot-Nachfrage-Verhältnis für Doktoranden in den Hauptfächern Pharmazeutische Präparate und Naturmedizinische Chemie in den letzten Jahren sogar 1:10 erreicht. Beschäftigungsrichtung des Hauptfachs „Klinische Pharmazie“: Nach dem Abschluss können Studierende des Hauptfachs „Klinische Medizin“ in medizinischen und Gesundheitsabteilungen, in der medizinischen Forschung und anderen Abteilungen in der medizinischen Behandlung, Prävention, medizinischen Forschung usw. tätig werden. Beschäftigungspositionen: Medizinischer Vertreter, Pharma-Vertriebsmitarbeiter, Vertriebsmitarbeiter, Vertriebsleiter, Regionaler Vertriebsleiter, Investmentmanager, Produktmanager, Produktspezialist, Krankenpfleger

So laden Sie das Win10-Image schnell herunter So laden Sie das Win10-Image schnell herunter Jan 07, 2024 am 11:33 AM

Kürzlich haben einige Freunde berichtet, wie man Win10-Bilddateien herunterlädt. Da es so viele Bilddateien auf dem Markt gibt, was soll ich tun, wenn ich eine normale Datei zum Herunterladen finden möchte? Heute hat Ihnen der Herausgeber den Link zum Herunterladen des Bildes und die detaillierten Lösungsschritte bereitgestellt. Schauen wir uns diese gemeinsam an. Win10-Image-Schnelldownload und Installations-Tutorial-Download-Link >>> System Home Ghostwin101909-Image 64-Bit-Version v2019.11<<<>>>Win10-Image 64-Bit v2019.07<<<>>>Win10-Image 32-Bit v2019. 07<< <1. Suchen Sie im Internet

So bereinigen Sie den temporären Ordner So bereinigen Sie den temporären Ordner Feb 22, 2024 am 09:15 AM

So bereinigen Sie den temporären Ordner. Während wir den Computer verwenden, sammeln sich nach und nach temporäre Dateien (temporäre Dateien) an. Diese temporären Dateien werden generiert, wenn wir den Computer nutzen, z. B. Cache-Dateien beim Surfen im Internet, temporäre Dateien bei der Installation von Software usw. Wenn der temporäre Ordner über einen längeren Zeitraum nicht bereinigt wird, kann dies viel Speicherplatz beanspruchen und die Geschwindigkeit des Computers beeinträchtigen. Daher ist das regelmäßige Bereinigen des temporären Ordners ein notwendiger Schritt, um die Computerleistung aufrechtzuerhalten. Im Folgenden stellen wir einige einfache Möglichkeiten zum Bereinigen des temporären Ordners vor. Methode 1: Manuell reinigen

So setzen Sie das Win10-System zurück So setzen Sie das Win10-System zurück Jun 29, 2023 pm 03:14 PM

Wie setze ich das Win10-System zurück? Heutzutage verwenden viele Freunde gerne Computer mit dem Win10-System. Allerdings werden sie bei der Verwendung von Computern zwangsläufig auf einige unlösbare Probleme stoßen. Wie sollten Sie das also tun? Folgen wir dem Editor, um das Tutorial zum Zurücksetzen des Win10-Systems anzusehen. Benutzer in Not sollten es nicht verpassen. Anleitung zum Zurücksetzen des Win10-Systems 1. Klicken Sie auf Windows und wählen Sie Einstellungen. 2. Klicken Sie auf Update und Sicherheit. 3. Wählen Sie Wiederherstellen. 4. Klicken Sie rechts auf Start, um diesen Computer zurückzusetzen. Das Obige ist der gesamte Inhalt von [So setzen Sie das Win10-System zurück – Tutorial zum Zurücksetzen des Win10-Systems]. Weitere spannende Tutorials sind auf dieser Website verfügbar!

So überprüfen Sie die Win11-Computerkonfiguration So überprüfen Sie die Win11-Computerkonfiguration Jun 29, 2023 pm 12:15 PM

Wie überprüfe ich die Win11-Computerkonfiguration? Das Win11-System ist eine sehr praktische Computer-Betriebssystemversion. Diese Version bietet Benutzern umfangreiche Funktionen, die es Benutzern ermöglichen, ein besseres Computer-Bedienerlebnis zu haben. Daher sind viele Freunde, die Computer verwenden, neugierig auf die spezifische Konfiguration ihres Computers im Win11-System? Viele Freunde wissen nicht, wie man im Detail vorgeht. Der Herausgeber hat unten ein Tutorial zum Anzeigen der Win11-Computerkonfiguration zusammengestellt. Tutorial zur Win11-Computerkonfigurationsansicht 1. Klicken Sie auf das Windows-Symbol in der Taskleiste unten oder drücken Sie die „Windows-Taste“ auf der Tastatur, um das Startmenü zu öffnen. 2. Suchen Sie im Startmenü nach „Einstellungen“ oder „sett“.

Lösen Sie das Problem der Umgebungserkennung bei der Neuinstallation des Systems Lösen Sie das Problem der Umgebungserkennung bei der Neuinstallation des Systems Jan 08, 2024 pm 03:33 PM

So lösen Sie das Problem, dass der Umgebungstest bei der Neuinstallation des Systems fehlschlägt und neu geschrieben werden muss. Sie können Antivirensoftware wie Mobile Manager für Antivirus 2 installieren Dateien werden im Mobiltelefon gespeichert, wodurch der laufende Speicher des Mobiltelefons belegt wird. Löschen Sie einfach den Telefon-Cache, um dieses Problem zu lösen. 3. Der Telefonspeicher ist durch gespeicherte Software und Dateien zu stark belegt. Das häufige Löschen nicht benötigter Dateien und Software ist möglich Verwenden Sie das neue System direkt von der Systemfestplatte! Sie können für die Installation einen USB-Stick oder eine Festplatte verwenden, was sehr schnell geht. Der Schlüssel liegt jedoch darin, eine Systemfestplatte mit guter Kompatibilität zu verwenden (unterstützt die Installation im IDE-, ACHI- und RAID-Modus) und diese kann automatisch und dauerhaft aktiviert werden, was überprüft wurde. Also

Worauf bezieht sich die Option in der Linux-Dokumentation? Worauf bezieht sich die Option in der Linux-Dokumentation? May 16, 2023 am 09:55 AM

Unter Linux bezieht sich Option auf eine Befehlsoption, bei der es sich um einen Schalter handelt, der das Befehlsausführungsverhalten anpasst. Das heißt, verschiedene Optionen bestimmen die Anzeigeergebnisse des Befehls. Optionen werden in lange Optionen und kurze Optionen unterteilt: 1. Kurze Optionen werden durch „-“ gekennzeichnet. Wenn es mehrere kurze Optionen gibt, werden die einzelnen Optionen durch Leerzeichen getrennt. 2. Lange Optionen sind vollständige Wörter und können normalerweise nicht kombiniert werden . Einführung in Befehlsoptionen (Optionen) und Parameter in Linux Nach der Anmeldung bei Linux können wir Befehle nach dem #- oder $-Symbol eingeben. Manchmal folgt auf den Befehl „Optionen“ (englische Optionen) oder „Parameter“ (englische Argumente). . Das heißt, das Befehlsformat unter Linux ist: command[opti

See all articles