相关文章推荐
行走的冲锋衣  ·  spark ...·  1 年前    · 
温暖的凉茶  ·  c++程序 int型 直接转换成 ...·  2 年前    · 
叛逆的苦瓜  ·  通过零信任保护网络 | Microsoft ...·  2 年前    · 
爽快的咖啡豆  ·  easyui+ssm+shiro做的登录注册 ...·  2 年前    · 
没人理的绿豆  ·  今天带大家了解下Word设置段落格式和Exc ...·  2 年前    · 
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;
 
推荐文章
行走的冲锋衣  ·  spark dataframe数据预处理---数据筛选_spark中的dataframe中的like怎么写-CSDN博客
1 年前
温暖的凉茶  ·  c++程序 int型 直接转换成 float型 可以这样转吗?_百度知道
2 年前
叛逆的苦瓜  ·  通过零信任保护网络 | Microsoft Learn
2 年前
爽快的咖啡豆  ·  easyui+ssm+shiro做的登录注册修改密码审核用户(一)-腾讯云开发者社区-腾讯云
2 年前
没人理的绿豆  ·  今天带大家了解下Word设置段落格式和Excel的双斜线表头功能|缩进_网易订阅
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号