javascript - 如何根据另一个选择中的选择设置一个选择中的文本

Question

第一个按钮上的 HTML 并不重要。当我设置它的值时，它会启动此功能:

function selectCustomer(str) {
c = str;
$("select.btn btn-primary options").text("All");
}

我希望此函数将以下 select 的文本更改为“All”，而不是其默认值“Filter”。

<select class="btn btn-primary options">
  <option value="" disabled selected>Filter</option>                                                       
  <option>All</option>
  <?php                              
  foreach ($outputEnd as $name=> $o) {

    print "<option class=\"dis\" value=\"\" disabled>$name</option>";

    foreach ($o as $p) {          
      print "<option>$p</option>";
    }
  }                                

  ?>                                     
  </select>  

我该怎么做？

此代码 $("select.btn btn-primary options").text("All"); 不正确。

Answer 1

您的选择器有点偏离。此外，您应该在 select 元素之外使用 val:

$("select.btn.btn-primary.options").val("All");

您的代码正在选择 select.btn btn-primary options，它实际上看起来像这样:

<select class="btn">
  <btn-primary>
     <options></options>
  </btn-primary>
</select>

这没有多大意义:)