如何在具有多个值的jQuery选项中添加短划线

时间:2018-01-13 11:48:06

标签: jquery

我有一个POS系统,我在三个领域获得客户数据。 NameEmailMobile

我们假设值是:

Name = Owais
Email = owais@gmail.com
Mobile = 03214834289

我正在使用此代码

在某处加载它
for (var i = 0; i < jsonData.categories.length; i++) {
    var counter = jsonData.categories[i];       
    var cust_id     = counter.cust_id;
    var cust_name   = counter.cust_name;
    var cust_emai   = counter.cust_email;
    var cust_mobile = counter.cust_mobile;

    option = document.createElement( 'option' );
    option.value = cust_id;
    option.text = cust_name + cust_email + cust_mobile;
    select.add( option );
}

输出结果为:

enter image description here

我希望输出显示如下

Owais - owais@gmail.com - 03214834289

我如何在输出中添加短划线?

2 个答案:

答案 0 :(得分:0)

最简单的方法是将option.text设置为

cust_name + " - " + cust_email + " - " + cust_mobile;

答案 1 :(得分:0)

喜欢这种方式:

 option = document.createElement( 'option' );
 option.value = cust_id;
 option.text = cust_name + " - " + cust_email + " - " + cust_mobile;
 select.add( option );