jQueryを使用してspesific selectboxの変更をトリガする方法は？

Question

私はこのコードで私は 選択された値を取得したいと、両方のではなく、ユーザーが選択した値を変更した後に何かしたい。コードは最初の一つだけがトリガーということであると

Issiue：

は、これまでのところ、私はこれを持っています。

<div class="colname"> 
    <label for="input">Input</label>                
    <select name="input" class="input"> 
     <option>Test1</option> 
     <option>Test2</option> 
    </select> 
</div> 
<div class="colname"> 
    <label for="kostnad">Input</label>               
    <select name="input" class="input"> 
     <option>Test1</option> 
     <option>Test2</option> 
    </select> 
</div> 
<script> 
    $('.input').change(function(){ 
     var ok = $(this).val(); 
      if(ok == 1) 
      // do that and this 

    }); 
</script> 

Answer 1

この完全に動作するスニペットを確認してください

$('.input').change(function(){ 
 
     $("#value").html($(this).val()) 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="colname"> 
 
    <label for="input1">Input</label>                
 
    <select name="input1" class="input"> 
 
     <option value="input1">Test1</option> 
 
     <option value="input2">Test2</option> 
 
    </select> 
 
</div> 
 
<div class="colname"> 
 
    <label for="kostnad">Input</label>               
 
    <select name="kostnad" class="input"> 
 
     <option value="kostnad1">Test1</option> 
 
     <option value="kostnad2">Test2</option> 
 
    </select> 
 
</div> 
 
<div class="colname"> 
 
    <label id="value"></label> 
 
</div>

あなたは$(this).val()

$('.input').on('change',function(){ 

$(this).val() 
//use here 

}); 

Psとを使用する必要があります。値はoptionの値に依存します。

<option value="option1">option 1<\option> 

Answer 2

使用この：

$('.input').on("change", function(){ 
    var value = $(this).val(); 
    console.log(value); 
}); 

注：この

<div class="colname"> 
    <label for="input">Input</label>                
    <select name="input" class="input"> 
     <option value="Test1">Test1</option> 
     <option value="Test2">Test2</option> 
    </select> 
</div>