相关文章推荐
温暖的芒果  ·  录制动画·  1 月前    · 
阳刚的骆驼  ·  微软copilot国内怎么用_易车百科·  4 月前    · 
耍酷的大象  ·  将应用从 Azure Functions ...·  4 月前    · 
有胆有识的斑马  ·  美的537亿日元收购东芝家电80.1%股权 ...·  11 月前    · 
帅气的企鹅  ·  北沿江高铁仪征段最新消息_扬州_建设_自然资源·  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;
 
推荐文章
温暖的芒果  ·  录制动画
1 月前
阳刚的骆驼  ·  微软copilot国内怎么用_易车百科
4 月前
耍酷的大象  ·  将应用从 Azure Functions 版本 1.3 迁移到 4.x | Azure Docs
4 月前
有胆有识的斑马  ·  美的537亿日元收购东芝家电80.1%股权 获专利技术资源
11 月前
帅气的企鹅  ·  北沿江高铁仪征段最新消息_扬州_建设_自然资源
1 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号