如何为select中的选项创建if?

时间:2016-11-22 09:12:26

标签: javascript jquery

如何在select中创建if选项?代码有效,代码只能用于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 个答案:

答案 0 :(得分:2)

这样做,虽然你不需要通过&#34; item&#34;作为实现这一目标的参数。选择选项时,会在选择时触发更改事件。因此,您可以为此特定要求绑定更改事件。向你求助。

function changeFunction(item){

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

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

答案 1 :(得分:0)

您可以使用此代码:

function changeFunction(item){
 if($(this).val() == 5) {
     $(this).css('visibility': 'visible');
  }
}