如何解决使用 jquery 从选择框中获取值
我正在尝试获取选择框中的值并更改另一个字段的输入 frontend
如您所见,邮政编码输入中的掩码是_-
如果我选择葡萄牙,我希望我的掩码像 9999-999,如果另一个国家是空的或其他格式
这是代码
if ($("input[name='postcode']").length) {
$("input[name='postcode']").inputmask({"mask": "9999-999"});
} else if ($("input=[name='postcode']").length && $("option=[value='PT']")) {
$("input[name='postcode']").inputmask({"mask": "99999-99999"});
}
我怎样才能做到这一点?
PS:我在 Magento 上做这个
这是选择代码
<select class="select" data-bind="
attr: {
name: inputName,id: uid,disabled: disabled,'aria-describedby': getDescriptionId(),'aria-required': required,'aria-invalid': error() ? true : 'false',placeholder: placeholder
},hasFocus: focused,optgroup: options,value: value,optionsCaption: caption,optionsValue: 'value',optionsText: 'label',optionsAfterRender: function(option,item) {
if (item && item.disabled) {
ko.applyBindingsToNode(option,{attr: {disabled: true}},item);
}
}"name="country_id" id="CV73BUT" aria-required="true" aria-invalid="false">
这是邮政编码
<input class="input-text" type="text" data-bind="
value: value,valueUpdate: 'keyup',attr: {
name: inputName,placeholder: placeholder,disabled: disabled
}" name="postcode" aria-required="true" aria-invalid="false" id="J5KT615">
select 和 input 的 id 总是在刷新后变化
解决方法
你可以做这样的事情。看下面的例子
$('#countrys').change(function(){
var country = $('#countrys').find(':selected').attr('data-countryCode');
if (country == 'pt')
{
$('#zipcode').val('999-999');
}else{
$('#zipcode').val('n/a');
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="countrys">
<option data-countryCode="fr">france</option>
<option data-countryCode="it">Italy<option>
<option data-countryCode="pt">Portugal</option>
<option data-countryCode="sp">Spain</option>
</select>
<input id="zipcode">
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。