通過html，javascript和php傳遞變量時出現問題

Question

我正在使用JEditable並嘗試基於變量填充選擇。 我需要一種方法，將頁面中的變量通過JQuery傳遞回來，以動態創建選擇。

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'
});

我使用的HTML由PHP生成：

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

我希望能夠以某種方式通過District的dblclick事件傳遞Province的價值，因為可用地區取決於選擇哪個省。

Answer 1

首先，同一頁面上的兩個元素不能具有相同的ID。 在您的情況下，兩個div都具有相同的id即freq_id，因此應進行更改。

您可以將html如下所示-

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

然后在您的js文件中編寫以下代碼。 它使用jquery的dbclick事件。

$('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.
  });
});