Problème passant des variables à travers html, javascript et php

Question

J'utilise JEditable et essaye de remplir un select basé sur une variable. J'ai besoin d'un moyen de passer une variable de ma page à travers le JQuery pour créer dynamiquement le select.

JQuery:

$(".dblclick_district").editable('miscfreqs.php?mode=save_edit&module=miscfreqs&type=district', 
{ 
    type: 'select', 
    loadurl: 'tools.php?mode=get_districts_json', 
    submit: 'OK', 
    event: 'dblclick' 
}); 

Le code HTML que j'utilise est généré par PHP:

<div class="dblclick_province" id="freq_id">Province</div> 
<div class="dblclick_district" id="freq_id">District</div> 

Je voudrais être en mesure de passer en quelque sorte la valeur de la province par l'événement dblclick du district , puisque les Districts disponibles dépendent de la Province sélectionnée.

Answer 1

Première chose deux éléments sur la même page ne peut pas avoir le même ID. Dans votre cas, les deux div ont le même id, c'est-à-dire freq_id, il doit donc être changé.

Vous pouvez avoir un fichier HTML comme ci-dessous -

<div class="dblclick_province" id="province_id">Province</div> 
<div class="dblclick_district" id="district_id">District</div> 

Ensuite, écrire le code ci-dessous dans votre fichier js. Il utilise l'événement dbclick de jquery.

$('document').ready(function(){ 
    $('#district_id').dblclick(function() { 
    var province_value = $('#province_id').html(); 
    // write you code here in which you want to process province value. 
    }); 
});