嗨，我看了你这个需求，纯CSS确实没法实现修改按钮文本的效果，得借助一点点JavaScript来监听下拉选项的点击事件，然后动态更新按钮的内容。我在你现有代码的基础上做了调整，直接就能用，一起来看：

完整实现代码 #

<li> 
  Generic Product 
  <div class="dropdown"> 
    <button class="dropbtn" id="weightBtn">Weight</button> 
    <div class="dropdown-content"> 
      <a href="#">1kg</a> 
      <a href="#">2 kg</a> 
      <a href="#">5 kg</a> 
      <a href="#">10 kg</a> 
    </div> 
  </div>
</li>

<style>
.dropbtn { 
  background-color: #757575; 
  color: white; 
  padding: 5px; 
  font-size: 16px; 
  border-style: outset; 
  border-width: 1px; 
  border-radius: 0px; 
} 
/* The container <div> - needed to position the dropdown content */ 
.dropdown { 
  position: relative; 
  display: inline-block; 
} 
.dropdown-content { 
  display: none; 
  position: absolute; 
  background-color: #f1f1f1; 
  min-width: 160px; 
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
  z-index: 1; 
} 
/* Links inside the dropdown */ 
.dropdown-content a { 
  color: black; 
  padding: 12px 16px; 
  text-decoration: none; 
  display: block; 
} 
/* Change color of dropdown links on hover */ 
.dropdown-content a:hover {background-color: #ffffff;} 
/* Show the dropdown menu on hover */ 
.dropdown:hover .dropdown-content {display: block;} 
/* Change the background color of the dropdown button when the dropdown content is shown */ 
.dropdown:hover .dropbtn {background-color: #757575;}
</style>

<script>
// 获取下拉按钮和所有选项
const weightBtn = document.getElementById('weightBtn');
const weightOptions = document.querySelectorAll('.dropdown-content a');

// 给每个选项绑定点击事件
weightOptions.forEach(option => {
  option.addEventListener('click', function(e) {
    // 阻止a标签默认的跳转行为（避免页面滚动到顶部）
    e.preventDefault();
    // 获取当前选项的文本内容，更新按钮文本
    weightBtn.textContent = `Weight: ${this.textContent.trim()}`;
  });
});
</script>

关键步骤说明 #

• 我给下拉按钮加了一个id="weightBtn"，这样能快速定位到这个按钮元素；
• 通过querySelectorAll获取所有下拉选项的a标签，遍历它们并绑定点击事件；
• 点击选项时，先阻止a标签默认的跳转行为（避免页面滚动到顶部），然后把按钮的文本改成Weight: 选中的重量格式，用trim()去掉文本里多余的空格（比如“2 kg”里的空格不影响，trim只是保险起见）；
• 你的原有CSS样式完全保留，不需要做任何修改，只加了这一小段JS逻辑。

这样点击任意重量选项，按钮就会立刻更新成你想要的格式啦，试试吧！