相关文章推荐
越狱的扁豆  ·  族群 (國情簡介-人民)·  6 月前    · 
豪气的苹果  ·  2024上海网球大师赛门票价格+购票官网- ...·  7 月前    · 
气势凌人的柚子  ·  北京市公共资源交易服务平台·  11 月前    · 
高大的海龟  ·  1980年第22届莫斯科奥运会:一次残缺的奥 ...·  1 年前    · 
打篮球的蛋挞  ·  使用React ...·  1 年前    · 
Code  ›  javascript - Javascript,自动选择下拉菜单 -
select javascript option 下拉菜单
https://segmentfault.com/q/1010000043080344
高大的日记本
2 年前
segmentfault segmentfault
注册登录
问答 博客 标签 活动
发现
✓ 使用“Bing”搜本站 使用“Google”搜本站 使用“百度”搜本站 站内搜索
注册登录
  1. 首页
  2. 问答
  3. Stack Overflow 翻译
  4. 问答详情

Javascript,自动选择下拉菜单

社区维基
1
发布于
2022-12-14
新手上路,请多包涵

所以我想用 Javascript 做的是,当我做类似于 document.getElementByID(“product-select”).value = “34”; 的事情时它会自动为我按下它。

每当我尝试这样做时,它所做的就是使下拉菜单变为空白,并且不会自动更改它。我能帮忙吗?

 <div id="product-variants" class="">
  <div class="select-wrapper">
    <select id="product-select" name="id" class="">
      <option value="28223706565">32</option>
      <option value="28223706629">34</option>
      <option value="28223706693">36</option>
    </select>

原文由 Bigboymanted 发布,翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译 javascript drop-down-menu
阅读 172
2 个回答
得票 最新
社区维基
1
发布于
2022-12-14
✓ 已被采纳

下拉值不自动更改的原因是,当您使用 document.getElementByID("product-select").value = "34" 设置下拉值时,它不会选择文本节点为 34 的选项,这只会在您的其中一个时更改下拉列表options 的值为 34。为了使其工作,您可以更改您的实现,如下所示:

 var options = document.getElementById("product-select").options;
for (var i = 0; i < options.length; i++) {
  if (options[i].text == "34") {
    options[i].selected = true;
    break;
 
推荐文章
越狱的扁豆  ·  族群 (國情簡介-人民)
6 月前
豪气的苹果  ·  2024上海网球大师赛门票价格+购票官网- 上海本地宝
7 月前
气势凌人的柚子  ·  北京市公共资源交易服务平台
11 月前
高大的海龟  ·  1980年第22届莫斯科奥运会:一次残缺的奥运会-搜狐体育
1 年前
打篮球的蛋挞  ·  使用React Hooks新特性useReducer、useContext替代传统Redux高阶组件案例 - 林璡 - 博客园
1 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号