通過php腳本中的$ _POST ['']獲取選擇標記的ul的選定值

Question

我有一個無序列表，它的行爲像選擇標記（我決定使用它，因爲我想更好地設計它）>>>

<form method='get' action="video.php"> 
    <div class="search-box"> 
    <section class="main"> 
     <div class="wrapper-demo"> 
     <div id="dd" class="wrapper-dropdown-3" tabindex="1"> 
      <span name='level' class="span-level">Level</span> 
      <ul class="dropdown"> 
      <li class="get"><a href="#"><i class="icon-truck icon-large"></i>All</a></li> 
      <li class="get"><a href="#"><i class="icon-plane icon-large"></i>A1</a></li> 
      <li class="get"><a href="#"><i class="icon-plane icon-large"></i>A2</a></li> 
      <li class="get"><a href="#"><i class="icon-truck icon-large"></i>B1</a></li> 
      <li class="get"><a href="#"><i class="icon-plane icon-large"></i>B2</a></li> 
      <li class="get"><a href="#"><i class="icon-plane icon-large"></i>C1</a></li> 
      <li class="get"><a href="#"><i class="icon-truck icon-large"></i>C2</a></li> 
      <li class="get"><a href="#"><i class="icon-plane icon-large"> </i>Native</a></li> 
      </ul> 
     </div> 
     ​</div> 
    </section> 
    </div> 
    <button type='submit' name='search_submit'> 
    <img name='search' src="img/videos.png" alt='search' class='search videos'/></button> 
</form> 
</form> 

正如你所看到的，有：

<span name='level' class="span-level">Level</span> 

但是當我嘗試用得到的值：

$level = $_GET['level']; 

它不活像ķ。

我想選擇的值的價值，並通過它傳遞給我的腳本video.php：

if(isset($_GET['search_submit'])){ 
    $level = $_GET['level']; 
} 

這裏是把一切融合在一起，使ul會像選擇代碼的腳本：

function DropDown(el) { 
    this.dd = el; 
    this.placeholder = this.dd.children('span'); 
    this.opts = this.dd.find('ul.dropdown > li'); 
    this.val = ''; 
    this.index = -1; 
    this.initEvents(); 
} 
DropDown.prototype = { 
    initEvents : function() { 
    var obj = this; 
    obj.dd.on('click', function(event){ 
     $(this).toggleClass('active'); 
     return false; 
    }); 
    obj.opts.on('click',function(){ 
     var opt = $(this); 
     obj.val = opt.text(); 
     obj.index = opt.index(); 
     obj.placeholder.text(obj.val); 
    }); 
    }, 
    getValue : function() { 
    return this.val; 
    }, 
    getIndex : function() { 
    return this.index; 
    } 
} 
$(function() { 
    var dd = new DropDown($('#dd')); 
    $(document).click(function() { 
    $('.wrapper-dropdown-3').removeClass('active'); 
    }); 
}); 

我使用的插件，我想在jQuery腳本我能以某種方式選擇元素的值，但我不知道怎麼辦。

任何人都知道我該怎麼做？ （我怎樣才能得到所選的元素，並在我的PHP腳本中使用它）

Answer 1

沒有表單元素在您的HTML中名稱level。所以密鑰level將不會被髮送到服務器。

你會需要某種形式元素，例如：

<input type="hidden" name="level" /> 

在JavaScript

然後，你處理的「選項」 click事件你會設定值。它看起來就像你在你的代碼獲得該值在這裏：

obj.val 

所以一旦你擁有它，你可以將其設置在input：

$('input[name=level]').val(obj.val); 

該輸入會是什麼價值的帖子到服務器，位於$_GET['level']。