获取文本字段的下拉文本 [英] Getting text of a drop down for a text field

问题描述

我有一个下拉列表，它是一个地址列表，每个地址由分隔符，分隔。当选择地址时，我需要在分隔符处分割地址并将每个部分放入相应的文本字段中，例如公司名称，地址_1，地址_2等。到目前为止，这是我的jsfiddle。我知道我朝着正确的方向前进，但我无法让它发挥作用。任何帮助，将不胜感激。另外，我不太了解JS或jquery，所以记住这一点。 https://jsfiddle.net/yn37qe5a/3/



我的尝试：



请参阅jsfiddle，了解到目前为止我尝试过的所有内容。包括HTML和JS。

请查看jsfiddle我到目前为止所尝试的所有内容。包括HTML和JS。

（我需要30个字符）

I have a drop down that is a list of addresses each separated by the delimiter ",". When an address is selected I need to split the address at the delimiter and place each part into corresponding text fields e.g. company name, address_1, address_2, etc. Here is my jsfiddle so far. I know Im headed in the right direction, but I can't get it to work. Any help would be appreciated. Also, I don't really know JS or jquery very well so keep that in mind. https://jsfiddle.net/yn37qe5a/3/

What I have tried:

Please see jsfiddle for everything I have tried so far. HTML and JS all included.
Please see jsfiddle for everything I have tried so far. HTML and JS all included.
(I needed 30 characters)

推荐答案

尝试这样的事情：

Try something like this:

（' ＃pickup_location'）。on（' change'， function （）{
var selectedAddress =

('#pickup_location').on('change', function() { var selectedAddress =

（ this ）。find（' 选项：选中'）。text（）;
if （！selectedAddress）{ return ;}

var addressParts = selectedAddress.split（' ，'）;
var companyName，address1，addre ss2，city，zip;

switch （addressParts.length）{
case 4 ：{
companyName = addressParts [ 0 ];
address1 = addressParts [ 1 ];
address2 = ' ';
city = addressParts [ 2 ];
zip = addressParts [ 3 ];
break ;
}
case 5 ：{
companyName = addressParts [< span class =code-digit> 0 ];
address1 = addressParts [ 1 ];
address2 = addressParts [ 2 ];
city = addressParts [ 3 ];
zip = addressParts [ 4 ];
break ;
}
默认：{
alert（' 无效地址：' + selectedAddress）;
return ;
}
}

document .getElementById（'' shipping_company'）。value = companyName;
document .getElementById（' shipping_address_1').value = address1;
document .getElementById（' shipping_address_2').value = address2;
document .getElementById（' shipping_city').value = city;
document .getElementById（' shipping_postcode').value = zip;
}）;

(this).find('option:selected').text(); if (!selectedAddress) { return; } var addressParts = selectedAddress.split(','); var companyName, address1, address2, city, zip; switch (addressParts.length) { case 4: { companyName = addressParts[0]; address1 = addressParts[1]; address2 = ''; city = addressParts[2]; zip = addressParts[3]; break; } case 5: { companyName = addressParts[0]; address1 = addressParts[1]; address2 = addressParts[2]; city = addressParts[3]; zip = addressParts[4]; break; } default: { alert('Invalid address: ' + selectedAddress); return; } } document.getElementById('shipping_company').value = companyName; document.getElementById('shipping_address_1').value = address1; document.getElementById('shipping_address_2').value = address2; document.getElementById('shipping_city').value = city; document.getElementById('shipping_postcode').value = zip; });

更新的演示 [ ^ ]

这篇关于获取文本字段的下拉文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！