テキストボックスの値をチェックし、JavaScriptのボックス値を選択するにはどうすればいいですか？

Question

私は2つのフィールドの選択ボックスとこれらの2つのボックスの値を比較する方法をテキストボックスですか？以下のような

テキストボックス：

<input type="text" name="u_position" value="<?php echo $row->role_des;?>" style="border:none;" readonly> 

And Select box like: 

    <select class="form-control" placeholder="designation" value="<?php echo set_value('design');?>" name="design" required> 
     <option value="">--Select---</option> 
     <option value="Supervisor">Supervisor</option> 
     <option value="Salessupervisor">Sale Supervisor</option> 
    </select> 
<button type="submit" class="btn btn-success">Submit</button> 

は、ボタンのクリックで比較します。事前に感謝してください。あなたはこのようにjqueryのを使用してそれを行うことができます

Answer 1

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

function checkVals() { 
    var a = $('input[name="u_position"]').val(); 
    var b = $('.form-control').find(":selected").val(); 
    console.log('this is selected: ' + b + ' ---- and this is text input: ' + a) 
    if (a === b) { 
     // do something 
    } 
} 

Answer 2

：

$(document).ready(function(){ 
    $('select').on('change',function(){ 
     if($(this).val() == $('input:eq(0)').val() == $('input:eq(1)').val() == $('input:eq(2)').val()) 
     { 
       //You can do your further code here 
     } 
    }); 
}); 

Answer 3

は、JavaScript関数を呼び出しますselect要素、中のonchange属性を含めます。関数呼び出しでは、IDを介してtextbox要素にアクセスし、ロジックを実装します。

HTMLコード：

<input id="textBoxId" type="text" name="u_position" value="<?php echo $row->role_des;?>" style="border:none;" readonly> 


<select class="form-control" placeholder="designation" value="<?php echo set_value('design');?>" name="design" required onchange="compareVal(this.value)"> 
    <option value="">--Select---</option> 
    <option value="Supervisor">Supervisor</option> 
    <option value="Salessupervisor">Sale Supervisor</option> 
</select> 

Javascriptコード：

<input type="text" name="u_position" value="<?php echo $row->role_des;?>" style="border:none;" readonly> 

    And Select box like: 

     <select class="form-control" placeholder="designation" value="<?php echo set_value('design');?>" name="design" required> 
      <option value="">--Select---</option> 
      <option value="Supervisor">Supervisor</option> 
      <option value="Salessupervisor">Sale Supervisor</option> 
     </select> 
    <button type="submit" onclick="checkVals();return false;" class="btn btn-success">Submit</button> 

をして、これはjavascriptのである：

function compareVal(param) 
{ 
    if(param == $('#textBoxId').val()) 
    { 
     //Your logic here... 
    } 
}