Question

如何从表格中选择从下拉字段中选择的内容？因此，在此示例中，该网址会转到?s=sdf&tag=book或?s=sdf&tag=newspaper http://codepen.io/filaret/pen/yazXKQ

我无法在输入元素中使用<select><option>...创建我的设计目标，因此我使用了.input-group-btn的Bootstrap下拉列表。

<form  action="<?php echo esc_url( home_url( '/' ) ); ?>">
    <div class="input-group">

      <input type="text">

      // SELECT OPTIONS
      <div class="input-group-btn">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><i class="fa fa-book"></i></a></button>
        <ul class="dropdown-menu">
           <li><a href="#"><i class="fa fa-book"></i></a></li>
           <li><a href="#"><i class="fa fa-newspaper-o"></i></a></li>
        </ul>
      </div>

      // SUBMIT BUTTON
      <div class="input-group-btn">
        <button type="submit" class="btn btn-default" data-toggle="dropdown">Submit</button>
      </div>


    </div>
  </form>

Answer 1

我成功地使用了这个

<input id="search-hidden" type="hidden" value="">

$selectWrapper.find(".dropdown-menu li").click(function() {

    var $selectedIcon = $(this).find('.fa');
    $selectWrapper.find("#search-hidden").val( $selectedIcon.data('value') );

});

用表格传递选定的li元素

1 个答案: