通过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']。