jQuery:用逗号分隔值?

时间:2013-04-11 11:22:12

标签: javascript jquery append

我知道使用jQuery append方法在文本之后扩展一些东西。

我实际上是在考虑动态扩展一些特殊字符。

我想 -

我有两个带display:inline的文本框。一个用于基本电话号码,另一个用于手机号码。在提交按钮后,我将收到所有这些信息作为摘要。

我想用,分隔符分隔这两个数字。 我可以通过静态方法分离这些方法。

<input type="number" data-id="#Basic_phone#" /> , <input type="number" data-id="#Mobile_phone"/>

看起来像是12345691199119119119

但是当数据库中没有任何一个输入框的值时,它看起来很糟糕。然后我需要输入数字,但有时我没有输入框的值。

然后我只获得(空格),(空格) 1234569119,(空格​​)(空格),{{1 }}

我想只在两个数字都存在的时候才能得到逗号。对不起,我不知道这样做。

3 个答案:

答案 0 :(得分:2)

按照给定的example

尝试此演示
function abc(){
 var str="";
 if($("#Basic_phone").val().length>0)
   str=$("#Basic_phone").val();
 if(str.length>0 && $("#Mobile_phone").val().length>0 )
   str=str+",";

str=str+$("#Mobile_phone").val()

alert(str);
}


<input type="number" id="Basic_phone" /> , <input type="number" id="Mobile_phone"/>
<input type="button" value="hello" onclick="abc()"/>

答案 1 :(得分:0)

您可以使用条件语句附加逗号(,),如下面的

     if(phoneNo != "" && mobileNo != "" ){
      //do the append code here
     }else{
        print the phone No
      }

答案 2 :(得分:0)

你如何填充两个输入?

如果使用服务器端代码,则只需在输出逗号和第二个值之前检查该值:

if(Mobile_phone is not empty)
 show <input type="number" data-id="#Basic_phone#" /> , <input type="number" data-id="#Mobile_phone"/>
else
 show <input type="number" data-id="#Basic_phone#" />