jQuery ajoute et supprime dynamiquement des éléments sélectionnés (code d'implémentation)

Ce qui suit est une analyse détaillée et une introduction au code d'implémentation de jQuery en ajoutant dynamiquement en supprimant les amis dans le besoin peuvent venir s'y référer

. Copiez le code Le code est le suivant :

// Ajoutez
function col_add() {
var selObj = $("#mySelect");
var value="value ";
var text="text";
selObj.append(""+text+"" );
}
//Delete
function col_delete() {
var selOpt = $("#mySelect option:selected");
selOpt.remove ();
}
// Clear
function col_clear() {
var selOpt = $("#mySelect option");
selOpt.remove();
}

La méthode ci-dessus ajoute, supprime et efface dynamiquement la sélection pour jQuery. Voici comment écrire du js pur :

Copier le code Le code est le suivant :

var sid = document.getElementById(" mySelect");
sid.options[sid.options.length]=new Option("text","value"); // Ajouter un élément à la fin de select

Autres méthodes couramment utilisées :

Copier le code Le code est le suivant :

$("#mySelect" ).change(function(){// code...}); //Déclenché lorsque l'élément sélectionné change

// Obtenez la valeur de sélection
var text=$("#mySelect") .find("option:selected").text (); //Obtenir le texte
var value=$("#mySelect").val( //Obtenir la valeur
var value=$(); "Option #mySelect : sélectionnée").attr("value"); //Obtenir la valeur de l'élément Select
var index=$("#mySelect").get(0).selectedIndex; de la valeur de l'index de l'élément sélectionné, à partir de 0
var index=$("#mySelect option:selected").attr("index"); ! !
var index=$("#mySelect option:selected").index(); //Obtenir la valeur d'index de l'option Select, à partir de 0
var maxIndex=$("#mySelect option:last" ) .attr("index"); //Non disponible ! ! !
var maxIndex=$("#mySelect option:last").index();//Obtenir la valeur d'index maximale de sélection, à partir de 0
$("#mySelect").prepend("text"); //Insérer un élément avant le premier élément dans Select

//Définir la valeur de sélection
//Définir l'élément sélectionné en fonction de la index
$( "#mySelect").get(0).selectedIndex=index;//index est la valeur de l'index
//Définissez l'élément sélectionné en fonction de la valeur
$("#mySelect") .attr("value","newValue ");
$("#mySelect").val("newValue");
$("#mySelect").get(0).value = valeur;
//Selon les paramètres du texte L'élément est l'élément sélectionné
var count=$("#mySelect option").length
for(var i=0;i if($(" #mySelect").get(0).options[i].text == text)
{
$("#mySelect").get(0). options[i].selected = true;
break;
}
}

// Effacer la sélection

$("#mySelect").empty();

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!