Javascript将输入值onclick更改为单击按钮的同一行中的值 [英] Javascript change input values onclick to the value on the same row which the button was clicked
本文介绍了Javascript将输入值onclick更改为单击按钮的同一行中的值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
让我们说一下,如果我在第三行选择浮动汇率,然后单击等号按钮.所有其他行的其余值将其值更改为浮动汇率.我也想将tis函数应用于所有其他行.
let's say if I select floating rate on the third row and I click on the equal sign button. The rest of the value of all the other row will change its value to floating rate. I want to apply tis function to all the other rows too.
JavaScript:
Javascript:
<script type="text/javascript">
$(document).ready(function() {
$('.equal').on('click', function() {
$('.dropDown').val('Floating Rate');
})
});
</script>
表格:
<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>
推荐答案
好的,这是您想要的,并且也进行了说明.
Ok Psinyee, here is what you want, and also explained.
<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>
这篇关于Javascript将输入值onclick更改为单击按钮的同一行中的值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文