How can I create if for option in select? The code works, it is necessary to code only worked for option = 5

如何选择select中的选项?代码有效,代码只能用于option = 5

<select id="select<?php echo $product['id_product'];?>" name="status_id" class="form-control" onchange="changeFunction(<?php echo $product['id_product'];?>)">
    <?php foreach ($statuses as $status) { ?>
        <option id="option<?php echo $product['id_product'];?>" value="<?php echo $status['id_product_status'];?>"
            <?php if ($status['id_product_status'] == $product['id_product_status']) { ?> selected="selected"<?php } ?>>
            <?php echo $status['name_product_status']; ?>
            </option>
        <?php } ?>
        <textarea id="onchange<?php echo $product['id_product'];?>" style="visibility: hidden" "></textarea>
</select>
function changeFunction(item) {  
    if ($("#option" + item).val == 5) {
        var selectOption = document.querySelector("#onchange" + item);
        selectOption.setAttribute('style', 'visibility: visible');
    }
}

2 个解决方案

#1


2

Do like this, though you don't need to pass "item" as parameter to achieve this. When you select an option, a change event is triggered on select. So you can bind a change event for this particular requirement. Upto you.

这样做,虽然你不需要传递“item”作为参数来实现这一点。选择选项时,会在选择时触发更改事件。因此,您可以为此特定要求绑定更改事件。由你决定。

function changeFunction(item){

     if($("#select"+item).val() == 5) {

         var selectOption = $("select option:selected");
         selectOption.setAttribute('style', 'visibility: visible');
      }
  }

更多相关文章

  1. 如何在详细信息标记的结束事件上添加CSS转换?
  2. 无法从按钮onclick事件ASP.NET 4调用Javascript函数
  3. js获取点击事件的位置,兼容主流浏览器
  4. 为什么jquery click事件在plunker中工作但在任何浏览器中都没有
  5. Gulp.js事件流合并顺序
  6. 利用javascript动态加载头部出现点击事件与hover事件无效解决方
  7. JS实现60s倒计时(亲测有效),及span标签如何使用和禁用onclick事件
  8. Knockout.js - 在通过observable设置值时阻止更改事件绑定
  9. 如何在onchange()事件后调用的方法中将焦点设置为输入字段?

随机推荐

  1. 使用 TypeScript 和依赖注入实现一个聊天
  2. 分享崔庆才的一些学习经验和生活感悟
  3. 为什么要用 Node.js?[每日前端夜话0x77]
  4. pytest中print的坑
  5. 程序员到底该怎么给女朋友挑礼物
  6. 互联网骨干网间的连接(NAP和BGP)
  7. Android中自带的SQLite数据库
  8. 抄答案就是了,两套详细的设计方案,解决头疼
  9. 利用深度学习识别滑动验证码缺口位置
  10. 升级华为网络设备(路由器,防火墙和交换机),提