Divを選択すると、オプション値が選択されます

Question

エコーが値をとるとjavascriptは変更できません。 divを表示するには再度クリック/選択する必要があります。

<?php 
$test = '1'; 
?> 

    <select name="request" id="reqtypev" class="form-control1" > 
    <option value="<?php echo $test ?>" selected="selected"><?php echo $test ?></option> 
    </select> 

PHPを使用してエコーしても機能しません。

//javascript 
     $('#reqtypev').change(function(){ 
     if($(this).val()==="1" || $(this).val()==="2" || $(this).val()==="3" || $(this).val()==="4"){ 
     $("#otherTypev").show() 
     } else { 
     $("#otherTypev").hide() 
     } 
    }); 

PHPを使用してエコーすると、JavaScriptをどのように実行することができますか？

Answer 1

トリガ変更イベントを選択したら、フォーム内のフィールドを非表示にすることです：

(function ($) { 

    $(function() { 
     $('#reqtypev').change(function(){ 
      if($(this).val()==="1" || $(this).val()==="2" || $(this).val()==="3" || $(this).val()==="4"){ 
       $("#otherTypev").show() 
      } else { 
       $("#otherTypev").hide() 
      } 
     }); 


     $('#reqtypev').trigger("change"); 
    }); 

}(jQuery)); 

Answer 2

（別のリフレッシュが発生するまで）うーん、私はそれがPHPでなんとかだとは思わない、PHPを一度実行し、終了します。この

//javascript 
    $(document).on('change','#reqtypev',function(){ 
    if($(this).val()==="1" || $(this).val()==="2" || $(this).val()==="3" || $(this).val()==="4"){ 
    $("#otherTypev").show() 
    } else { 
    $("#otherTypev").hide() 
    } 
}); 

Answer 3

を試してみてください

あなたは一度、PHPでそれを行うことができます。しかし、人々がセレクションバーを動かすところには住んでいない。

あなたは何をしたいのですか？私はあなたが表示されている小さなコードから想定する人は、以下のよう#reqtypevのためのページロード後の値< 1または> 4

Answer 4

を

これを試してみてください：

<?php 
$test = '1'; 
?> 

    <select name="request" id="reqtypev" class="form-control1" onchange="intializeDrop(this.value);" > 
    <option value="<?php echo $test ?>" selected="selected"><?php echo $test ?></option> 
    </select> 

JSコード：OPTIOで

function intializeDrop(id){ 
    if($(this).val()==="1" || $(this).val()==="2" || $(this).val()==="3" || $(this).val()==="4"){ 
     $("#otherTypev").show() 
    } else { 
     $("#otherTypev").hide() 
    } 
} 

Answer 5

値をnは少なくとも2つの値は、アクションに

<div id="otherTypev">texttttt</div> 
<select name="request" id="reqtypev" class="form-control" > 
    <?php 
    for($i = 0;$i<=10;$i++){ 
     echo '<option value="'.$i.'" selected="selected">'.$i.'</option>'; 
    } 
    ?> 
</select> 

Jsの

<script> 
    $('#reqtypev').change(function(){ 
    if($(this).val()=== "1" || $(this).val()==="2" || $(this).val()==="3" || $(this).val()==="4"){ 
     $("#otherTypev").show() 
    } else { 
     $("#otherTypev").hide() 
    } 
}); 
</script>