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