자바 스크립트에서 입력 값을 onclick 버튼을 클릭 한 행의 값으로 변경합니다.

Question

세 번째 행에서 변동 금리를 선택하고 등호 버튼을 클릭한다고 가정 해 봅시다. 다른 모든 행의 나머지 값은 그 값을 변동 금리로 변경합니다. 다른 모든 행에도 tis 함수를 적용하고 싶습니다.

자바 스크립트 :

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.equal').on('click', function() { 
      $('.dropDown').val('Floating Rate'); 
     }) 
    }); 
</script> 

테이블 :

JQuery와의

<td> 
<select class="dropDown" style="width:150px" name="rate_value_1"> 
<option value="<?php echo $_SESSION['rate_value_1'] ;?>"><?php echo $_SESSION['rate_value_1'] ;?></option> 
<option value="Fixed Rate">Fixed Rate</option> 
<option value="Floating Rate">Floating Rate</option> 
</select> 
</td> 
<td><input type="button" value="select" class="equal" /></td> 
</tr> 
<tr> 
<td> 
<select class="dropDown" style="width:150px" name="rate_value_2"> 
<option value="<?php echo $_SESSION['rate_value_2'] ;?>"><?php echo $_SESSION['rate_value_2'] ;?></option> 
<option value="Fixed Rate">Fixed Rate</option> 
<option value="Floating Rate">Floating Rate</option> 
</select> 
</td> 
<td><input type="button" value="select" class="equal" /></td> 
</tr> 
<tr> 
<td> 
<select class="dropDown" style="width:150px" name="rate_value_3"> 
<option value="<?php echo $_SESSION['rate_value_3'] ;?>"><?php echo $_SESSION['rate_value_3'] ;?></option> 
<option value="Fixed Rate">Fixed Rate</option> 
<option value="Floating Rate">Floating Rate</option> 
</select> 
</td> 
<td><input type="button" value="select" class="equal" /></td> 
</tr> 
<tr> 
<td> 
<select class="dropDown" style="width:150px" name="rate_value_4"> 
<option value="<?php echo $_SESSION['rate_value_4'] ;?>"><?php echo $_SESSION['rate_value_4'] ;?></option> 
<option value="Fixed Rate">Fixed Rate</option> 
<option value="Floating Rate">Floating Rate</option> 
</select> 
</td> 
<td><input type="button" value="select" class="equal" /></td> 

Answer 1

, 추가 정보를

$('.dropDown').change(function(e) { 

//Here you can do you programming 
    console.log(e.currentTarget); 
}); 

,

http://api.jquery.com/change/

Answer 2

$("#dropDown").change(function() { 
      var str = ""; 
      $("#dropDown option:selected").each(function() { 
       str += $(this).text() + " "; 
       }); 
      $("div").text(str); 
     }) 

Answer 3

많은 문제가 있습니다. 먼저 id = "dropDown"을 여러 번 사용할 수 없습니다. 대신 class = "dropDown"을 사용하십시오. 둘째, img 대신 버튼을 사용하는 것이 좋습니다. 여기,

<select class="dropDown" style="width:150px" name="rate_value_1"> 

<input type="button" value="select" class="equal" /> 

Answer 4

좋아 Psinyee 당신이 원하는, 또한 설명 :

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.equal').on('click', function() { 
      $('.dropDown').val('Floating Rate'); 
     }) 
    }); 
</script> 

및 HTML 변경 : 여기

은 JS이다.

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.equal').on('click', function() { 
      // find coresponding dropdown 
      // with select inside (this is the button ->parent is the td-> previous td) 
      var crtDropdown = $('select', $(this).parent().prev('td')); 
      if(crtDropdown.prop('selectedIndex') > 0) { 
       // something is selected, not first option 
       // change values for following selects 
       // select ->parent td->parent tr->all next trs->select inside trs->set val to crtDropdown.val(); 
       crtDropdown.parent().parent().nextAll('tr').find('select').val(crtDropdown.val()); 
      } 
     }) 
    }); 
</script> 

<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>"> 
<table> 
    <tr> 
     <td> 
      <select class="dropDown" style="width:150px" name="rate_value_1"> 
       <option value="<?php echo $_SESSION['rate_value_1'] ;?>"><?php echo $_SESSION['rate_value_1'] ;?></option> 
       <option value="Fixed Rate">Fixed Rate</option> 
       <option value="Floating Rate">Floating Rate</option> 
      </select> 
     </td> 
     <td><input type="image" src="equal_button.png" class="equal" /></td> 
    </tr> 
    <tr> 
     <td> 
      <select class="dropDown" style="width:150px" name="rate_value_2"> 
       <option value="<?php echo $_SESSION['rate_value_2'] ;?>"><?php echo $_SESSION['rate_value_2'] ;?></option> 
       <option value="Fixed Rate">Fixed Rate</option> 
       <option value="Floating Rate">Floating Rate</option> 
      </select> 
     </td> 
     <td><input type="image" src="equal_button.png" class="equal" /></td> 
    </tr> 
    <tr> 
     <td> 
      <select class="dropDown" style="width:150px" name="rate_value_3"> 
       <option value="<?php echo $_SESSION['rate_value_3'] ;?>"><?php echo $_SESSION['rate_value_3'] ;?></option> 
       <option value="Fixed Rate">Fixed Rate</option> 
       <option value="Floating Rate">Floating Rate</option> 
      </select> 
     </td> 
     <td><input type="image" src="equal_button.png" class="equal" /></td> 
    </tr> 
    <tr> 
     <td> 
      <select class="dropDown" style="width:150px" name="rate_value_4"> 
       <option value="<?php echo $_SESSION['rate_value_4'] ;?>"><?php echo $_SESSION['rate_value_4'] ;?></option> 
       <option value="Fixed Rate">Fixed Rate</option> 
       <option value="Floating Rate">Floating Rate</option> 
      </select> 
     </td> 
     <td><input type="image" src="equal_button.png" class="equal" /></td> 
    </tr> 
</table> 
</form>