jexcel.js表格输入一个值,怎么联动另一个值变化
时间: 2024-02-26 12:57:00 浏览: 26
你可以在 jexcel.js 中使用 onchange 事件来监听输入框中的值的变化。当第一个输入框的值发生变化时,你可以通过该事件来修改另一个输入框的值。
下面是一个简单的示例代码,以便更好地理解:
```javascript
var data = [
['A1', 'B1'],
['A2', 'B2']
];
var options = {
onchange: function(instance, cell, x, y, value) {
// 判断输入框的位置,如果是第一个输入框并且输入的是数字,则联动修改另一个输入框的值
if (x === 0 && typeof value === 'number') {
instance.setValueFromCoords(1, y, value * 2); // 修改另一个输入框的值
}
}
};
jexcel(document.getElementById('spreadsheet'), {
data: data,
columns: [
{ type: 'numeric' },
{ type: 'numeric' }
],
colHeaders: ['A', 'B'],
options: options
});
```
在这个示例中,我们监听了输入框的 onchange 事件,当第一个输入框的值发生变化时,我们判断输入框的位置是否为 0(即第一个输入框),并且输入的值是否为数字。如果是,则通过 setValueFromCoords 方法来修改另一个输入框的值,并且将它乘以 2。
你可以根据你的实际需求来修改这个示例代码,以实现你想要的联动效果。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)