Maison interface Web js tutoriel Méthode JS pour modifier l'attribut d'option dans les compétences select_javascript

Méthode JS pour modifier l'attribut d'option dans les compétences select_javascript

May 16, 2016 pm 03:36 PM
js select 更改

L'exemple de cet article décrit la méthode de modification de l'attribut option dans select à l'aide de JS. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Aidez un ami à résoudre un petit problème. La condition est de modifier la valeur du texte affichée dans l'onglet sélectionné, et la nouvelle valeur est stockée dans une certaine zone de texte

Fenêtre initiale :

<html>
 <head>
  <title>原窗口</title>
  <script>
   var parentValue=""; //全局变量,用于保存点击详情时select中指定opeion的值
   function detail() {
    var select=document.getElementById('SHGX'); //获得select对象
    parentValue=select.options[select.selectedIndex].text; 
    window.open('详情窗口.html')
   }
   function updateSelect(childValue) {
    var select=document.getElementById('SHGX'); 
    for(var i=0;i<select.length;i++) {
     if(select.options[i].text==parentValue) 
      select.options[i].text=childValue;
    }    
   }
  </script>
 </head>
 <body>
  <select id='SHGX'>
   <option value='111' title='夫'>夫</option>
   <option value='112' title='妻'>妻</option>
   <option value='120' title='子'>子</option>
   <option value='121' title='独生子'>独生子</option>
   <option value='122' title='继子'>继子</option>
   <option value='128' title='女婿'>女婿</option>   
  </select>
  <button onclick="detail(); ">详情</button>
 </body>
</html>
Copier après la connexion

Fenêtre de détails :

<html>
 <head>
 <title>详情窗口</title>
 <script>
  function modify() {
  var childValue=document.getElementById('text_01').value;
  opener.updateSelect(childValue); //调用父窗口的函数
  }
 </script>
 </head>
 <body>
 <input id="text_01" type="text" value=""/>
 <button onclick="modify();">修改</button>
 </body>
</html>
Copier après la connexion

J'espère que cet article sera utile à la programmation JavaScript de chacun.

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment changer l'emplacement de stockage du moteur de papier peint ? Comment définir le chemin de sauvegarde dans le moteur de papier peint Comment changer l'emplacement de stockage du moteur de papier peint ? Comment définir le chemin de sauvegarde dans le moteur de papier peint Mar 13, 2024 pm 12:40 PM

De nombreux utilisateurs aiment télécharger divers fonds d'écran et vidéos sur WallpaperEngine. Au fil du temps, ils constateront que de plus en plus de fonds d'écran sont téléchargés, ce qui entraîne un espace disque insuffisant. À ce stade, vous pouvez modifier l'emplacement de stockage de WallpaperEngine pour réduire l'espace occupé. . Voyons donc comment modifier le chemin de sauvegarde de WallpaperEngine. Étape 1 : Cliquez sur Paramètres sous Steam dans le coin supérieur gauche pour ouvrir l'interface suivante. Étape 2 : Cliquez sur Télécharger pour rechercher le « Dossier de la bibliothèque Steam » sous la bibliothèque de contenu, puis cliquez sur Ouvrir ci-dessus. Étape 3 : Cliquez sur Ajouter un dossier de bibliothèque, sélectionnez le chemin vers lequel vous souhaitez modifier et après l'avoir ajouté, cliquez avec le bouton droit sur la colonne par défaut.

Comment changer la couleur de la police des icônes du bureau Win7 Comment changer la couleur de la police des icônes du bureau Win7 Jan 02, 2024 pm 11:17 PM

La police par défaut de l'icône du bureau de Win7 est généralement blanche. Si nous utilisons un fond d'écran blanc, le texte de l'icône du bureau peut ne pas être visible. Pour le moment, nous pouvons personnaliser la couleur de la police du bureau via les paramètres d'apparence avancés dans les paramètres de personnalisation. Ce qui suit est Jetons un coup d'œil ensemble. Tutoriel sur la modification de la couleur de la police des icônes du bureau Win7 1. Cliquez avec le bouton droit sur un espace vide du bureau et ouvrez les paramètres « Personnalisation ». 2. Sous Thème, nous pouvons sélectionner directement le thème souhaité pour changer la couleur de la police des icônes du bureau. 3. Si vous n'êtes pas satisfait de ces thèmes, vous pouvez également activer la « Couleur de la fenêtre » comme indiqué sur l'image. 4. Cliquez sur "Paramètres d'apparence avancés" ci-dessous 5. Changez le "Projet" à l'emplacement de l'icône en "Bureau" 6. Ensuite, vous pouvez modifier divers attributs tels que la couleur et la taille de la police dans la case rouge

Outils essentiels pour l'analyse boursière : découvrez les étapes pour dessiner des graphiques en bougies avec PHP et JS Outils essentiels pour l'analyse boursière : découvrez les étapes pour dessiner des graphiques en bougies avec PHP et JS Dec 17, 2023 pm 06:55 PM

Outils essentiels pour l'analyse boursière : découvrez les étapes pour dessiner des graphiques en bougies en PHP et JS. Des exemples de code spécifiques sont nécessaires. Avec le développement rapide d'Internet et de la technologie, le trading d'actions est devenu l'un des moyens importants pour de nombreux investisseurs. L'analyse boursière est une partie importante de la prise de décision des investisseurs, et les graphiques en bougies sont largement utilisés dans l'analyse technique. Apprendre à dessiner des graphiques en bougies à l'aide de PHP et JS fournira aux investisseurs des informations plus intuitives pour les aider à prendre de meilleures décisions. Un graphique en chandeliers est un graphique technique qui affiche les cours des actions sous forme de chandeliers. Il montre le cours de l'action

Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS Apr 03, 2024 am 11:55 AM

La technologie de détection et de reconnaissance des visages est déjà une technologie relativement mature et largement utilisée. Actuellement, le langage d'application Internet le plus utilisé est JS. La mise en œuvre de la détection et de la reconnaissance faciale sur le front-end Web présente des avantages et des inconvénients par rapport à la reconnaissance faciale back-end. Les avantages incluent la réduction de l'interaction réseau et de la reconnaissance en temps réel, ce qui réduit considérablement le temps d'attente des utilisateurs et améliore l'expérience utilisateur. Les inconvénients sont les suivants : il est limité par la taille du modèle et la précision est également limitée ; Comment utiliser js pour implémenter la détection de visage sur le web ? Afin de mettre en œuvre la reconnaissance faciale sur le Web, vous devez être familier avec les langages et technologies de programmation associés, tels que JavaScript, HTML, CSS, WebRTC, etc. Dans le même temps, vous devez également maîtriser les technologies pertinentes de vision par ordinateur et d’intelligence artificielle. Il convient de noter qu'en raison de la conception du côté Web

Guide étape par étape pour changer la couleur d'arrière-plan avec Eclipse Guide étape par étape pour changer la couleur d'arrière-plan avec Eclipse Jan 28, 2024 am 08:28 AM

Apprenez étape par étape comment changer la couleur d'arrière-plan dans Eclipse, des exemples de code spécifiques sont requis. Eclipse est un environnement de développement intégré (IDE) très populaire qui est souvent utilisé pour écrire et déboguer des projets Java. Par défaut, la couleur d'arrière-plan d'Eclipse est blanche, mais certains utilisateurs peuvent souhaiter modifier la couleur d'arrière-plan selon leurs préférences ou pour réduire la fatigue oculaire. Cet article vous apprendra étape par étape comment modifier la couleur d'arrière-plan dans Eclipse et fournira des exemples de code spécifiques. Étape 1 : ouvrez d’abord Eclipse

Comment créer un graphique en chandeliers boursiers en utilisant PHP et JS Comment créer un graphique en chandeliers boursiers en utilisant PHP et JS Dec 17, 2023 am 08:08 AM

Comment utiliser PHP et JS pour créer un graphique en bougies boursières. Un graphique en bougies boursières est un graphique d'analyse technique courant sur le marché boursier. Il aide les investisseurs à comprendre les actions de manière plus intuitive en dessinant des données telles que le prix d'ouverture, le prix de clôture, le prix le plus élevé et le prix le plus élevé. prix le plus bas des fluctuations du prix des actions. Cet article vous apprendra comment créer des graphiques en bougies boursières en utilisant PHP et JS, avec des exemples de code spécifiques. 1. Préparation Avant de commencer, nous devons préparer l'environnement suivant : 1. Un serveur exécutant PHP 2. Un navigateur prenant en charge HTML5 et Canvas 3.

Comment modifier les paramètres de région sur la boutique Xbox Comment modifier les paramètres de région sur la boutique Xbox Dec 24, 2023 pm 08:53 PM

Lorsque le jeu que vous souhaitez acheter n'est pas disponible, vous pouvez l'acheter en modifiant la région. Les joueurs savent-ils comment modifier les paramètres de région dans la boutique Xbox ? Jetons donc un coup d’œil à l’introduction à la modification des paramètres de région dans la boutique Xbox ! Paramètres de région de la boutique Xbox : 1. Ouvrez les paramètres Windows - sélectionnez l'heure et la langue. 2. Sélectionnez la région – la valeur par défaut devrait être la Chine – sélectionnez d'autres pays et régions. 3. Sélectionnez d'autres pays et régions - entrez dans la boutique - la boutique vous invite à actualiser le contenu.

Apprenez à modifier la séquence de démarrage de win7 Apprenez à modifier la séquence de démarrage de win7 Jan 04, 2024 pm 09:06 PM

Définir correctement la séquence de démarrage de Win7 peut accélérer le démarrage de notre ordinateur, mais de nombreux amis ne savent pas comment modifier la séquence de démarrage. En fait, nous pouvons la modifier dans l'éditeur de registre. Une méthode spécifique. Tutoriel sur la modification de la séquence de démarrage de Win7 1. Recherchez « Exécuter » dans le coin inférieur gauche. 2. Ouvrez le programme "Exécuter". 3. Saisissez « regedit » et appuyez sur Entrée pour confirmer. 4. Recherchez le chemin suivant « HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\ServiceGroupOrder » et cliquez avec le bouton droit pour modifier le fichier d'icône « liste ». 5. La position indiquée sur l'image est de haut en bas.

See all articles