Jquery 如何使用下拉菜单更改数据输入掩码前缀
我使用的是货币输入。我想在每次触发exchange下拉列表更改事件时更改货币符号。但是inputmask前缀阻止更改货币符号。我有以下代码: HTML: 有没有办法更改前缀 我读过这个答案,但对我来说并不适用: 小提琴: 您需要像下面这样使用更改功能。另外,select的默认值是string,但您正在将该值检查为整数,这也是代码无法工作的原因之一 Add将选项视为整数我们可以使用+-在获取值之前添加加号将使其成为整数Jquery 如何使用下拉菜单更改数据输入掩码前缀,jquery,jquery-inputmask,Jquery,Jquery Inputmask,我使用的是货币输入。我想在每次触发exchange下拉列表更改事件时更改货币符号。但是inputmask前缀阻止更改货币符号。我有以下代码: HTML: 有没有办法更改前缀 我读过这个答案,但对我来说并不适用: 小提琴: 您需要像下面这样使用更改功能。另外,select的默认值是string,但您正在将该值检查为整数,这也是代码无法工作的原因之一 Add将选项视为整数我们可以使用+-在获取值之前添加加号将使其成为整数 var exchangeID = +$(this).val(); //pars
var exchangeID = +$(this).val(); //parse as number - by default it is string
其次,为了动态加载Robin Herbot inputMask并从下拉列表中更改货币前缀,您还需要在jQuery中分配初始前缀。因为您已经在HTML中静态地定义了in,所以它将无法按预期工作
最后,您的代码都是固定的,可以按预期工作,货币前缀在选择时会发生更改
现场工作演示:
//默认情况下,在页面加载时
$price1.0输入掩码{
别名:货币,
前缀:'₺ '
};
//选择选项更改时应用前缀
$document.on'change',exchange',函数{
var-exchangeID=+$this.val;//解析为数字而非-默认为字符串
如果exchangeID==1{
$price1.0输入掩码{
别名:货币,
前缀:“$”
};
}如果exchangeID==2,则为else{
$price1.0输入掩码{
别名:货币,
前缀:“€”
};
}如果exchangeID==3,则为else{
$price1.0输入掩码{
别名:货币,
前缀:‘’
};
}如果exchangeID==4,则为else{
$price1.0输入掩码{
别名:货币,
前缀:'₺ '
};
}
};
投入.货币汇率{
文本对齐:左!重要;
宽度:300px;
}
挑选{
宽度:300px!重要;
}
选择一种货币:
选择
美元
欧元
英镑
热释光
价格:
请提供一个最简单的工作示例code@AlwaysHelping我加了一把小提琴!It’s not working@AlwayShelling你能告诉我它不工作的代码吗?你确定你使用的是我在答案中提供的代码吗?@AlwaysHelping我已经可以获得exchangeID了,但问题是,它没有改变占位符₺ 输入框中的nor前缀。。
$('input.monerate').inputmask();
$(document.body).delegate('#exchange', 'change', function () {
exchangeID = $('#exchange :selected').val();
if (exchangeID == 1) {
$("#price1").inputmask({ alias: "currency", prefix: '$ ' });
}
else if (exchangeID == 2) {
$("#price1").inputmask({ alias: "currency", prefix: '€ ' });
}
else if (exchangeID == 3) {
$("#price1").inputmask({ alias: "currency", prefix: '£ ' });
}
else if (exchangeID == 4) {
$("#price1").inputmask({ alias: "currency", prefix: '₺ ' });
}
});
var exchangeID = +$(this).val(); //parse as number - by default it is string