我已经开始使用脚本了,但是我被卡住了。
请查看 FIDDLE
基本上,当用户输入电话号码时 - (您现在可以输入任何值)
Phone#: <input class="combine" id="input1" value=""></input>
我有几个隐藏的输入,包含“@ txt.att.net”等值。
<input class="combine" id="input3" value="@txt.att.net" style="display: none;"></input>
我正在尝试将输入数据(电话号码)附加到各种电子邮件地址。
$(document).ready(function () {
$('#setVal').on('click', function () {
var form = $('.combine').not('#outputAddress');
var vals = form.map(function () {
var value = $.trim(this.value)
return value ? value : undefined;
}).get();
$('#outputAddress').val(vals.join(';\n '))
});
});
此时,我已设法获取输入值以及要显示的关联域,但我无法将该数字附加到该地址。结果目前看起来像这样......
inputValue;
@message.Alltel.com;
@txt.att.net;
@myboostmobile.com;
@sms.mycricket.com;
@mymetropcs.com;
@messaging.sprintpcs.com;
@page.nextel.com;
@vtext.com;
@tmomail.net;
@email.uscc.net;
@vmobl.com
......但需要看起来像这样......
inputValue;
inputValue@message.Alltel.com;
inputValue@txt.att.net;
inputValue@myboostmobile.com;
inputValue@sms.mycricket.com;
inputValue@mymetropcs.com;
inputValue@messaging.sprintpcs.com;
inputValue@page.nextel.com;
inputValue@vtext.com;
inputValue@tmomail.net;
inputValue@email.uscc.net;
inputValue@vmobl.com
...然后最终点击生成电子邮件按钮,所有地址都将被放入桌面电子邮件客户端(在我的情况下,我们需要这个用于Outlook)。
答案 0 :(得分:1)
将电话号码输入的类别和输出的textarea更改为其他内容,然后您可以单独获取值: 这是小提琴:http://jsfiddle.net/dtengeri/nACLK/3/
将电话号码的等级更改为其他内容:
Phone#: <input class="input" id="input1" value=""></input>
输出可能是:
<textarea class="output" id="outputAddress" disabled="true" cols="35" rows="13"></textarea>
和Javascipt:
$(document).ready(function () {
$('#setVal').on('click', function () {
// Get the phone number.
var input = $('.input').val();
var vals = $('.combine').map(function () {
var value = $.trim(this.value)
// Append the phone number before the value.
return value ? input + value : undefined;
}).get();
//Add the phone number to the beginning of the array
vals.unshift(input);
$('#outputAddress').val(vals.join(';\n '))
});
});