Php Jquery：不使用新的选定值替换下拉列表中的第一个值

我想放置2个下拉列表，以便用户在给定值上选择一个，下拉列表会自动更改。 我做过这样的事情：

 <div class="input-group">
        <div class="input-group-btn">
          <div class="btn-group">
            <button type="button" class="btn btn-default dropdown-toggle searchcmp1" data-toggle="dropdown"><span id="#search-replace1">Filtrer par</span><span class="caret"></span></button>
            <ul id="bnq1" class="dropdown-menu">
              <?php
                $rows=MainController:: getBanque();
               while ($row =$rows->fetch())
                  echo '<li><a>'.$row['abrvb'].'</a></li>';
              ?>
            </ul>
          </div>
          <div class="btn-group">
            <button type="button" class="btn btn-default dropdown-toggle searchcmp2" data-toggle="dropdown"><span id="#search-replace2">Filtrer par</span><span class="caret"></span></button>
            <ul id="bnq2" class="dropdown-menu">
              <?php
                $rows=MainController:: getBanque();
               while ($row =$rows->fetch())
                  echo '<li><a>'.$row['abrvb'].'</a></li>';
              ?>
            </ul>
          </div>
        </div>
      <input type="button" id="cmpBtn" class="filter btn btn-info" name="filter" value="Filtrer">
    </div>

问题在于，所选值未受范围的影响，即使它正确获取了范围。

---

问题是什么？我如何解决这个问题？

您在这行

过滤器par

中指定

id

时出错。您不应该在html元素的

id

属性中使用

#

符号。jquery选择器中使用

#

符号来标识后面的文本是

id

请参阅下面更正的代码

$（“ul#bnq1 li a”）。单击（函数（）{
警报（“ok1”）
var selHtml=$（this.html（）；
var selName=$.trim（$（this.text（））；
$（this）.parents（'.input group'）.find（'#search-replace1'）.html（selHtml）；
//$（this）.parents（'.btn group'）.find（'.searchcmp1'）.val（selName）；
});
$（“ul#bnq2 li a”）。单击（函数（）{
警报（“ok2”）
var selHtml=$（this.html（）；
var selName=$.trim（$（this）.text（））
$（this）.parents（'.btn group'）.find（'#search-replace2'）.html（selHtml）；
$（this）.parents（'.btn group'）.find（'.searchcmp2'）.val（selName）；
});

滤过器

一个
两个
三

滤过器

一个
两个
三


 $("ul#bnq1 li a").click(function(){
    alert("ok1")
  var selHtml = $(this).html();
  var selName = $.trim($(this).text());
  $(this).parents('.input-group').find('#search-replace1').html(selHtml);
  //$(this).parents('.btn-group').find('.searchcmp1').val(selName);
});
$("ul#bnq2 li a").click(function(){
  alert("ok2")
var selHtml = $(this).html();
var selName = $.trim($(this).text())
$(this).parents('.btn-group').find('#search-replace2').html(selHtml);
$(this).parents('.btn-group').find('.searchcmp2').val(selName);
});