获取所选值的不同部分

时间:2012-12-13 07:59:36

标签: jquery

当我选择一个国家时,我在价值中有三个不同的部分,这些部分与管道分开,并且#34; |"。 如何在我的thre输入字段中获取分隔符之间的值。

这是一个演示on jsfiddle

第一个值是City,第二个是城市的街道,第三个是代码邮政。如何在输入字段中分离三个值

---------------------------------------
Country Germany
City: Berlin
Street: Musterstrasse 16
Code Postal: 16500
---------------------------------------
提前THX

5 个答案:

答案 0 :(得分:1)

你可以尝试这样的事情

   $("#country").change(
       function () {
           var value = $(this).val().split("|");
           $("#capital").val((value[0]));
           $("#street").val((value[1]));
           $("#cp").val((value[2]));
       }
   );​

希望这会有所帮助..

答案 1 :(得分:1)

$("#country").change(
   function () {
       var pieces = $(this).val().split('|');
       if(pieces.length === 3) {         
           $("#capital").val(pieces[0]);
           $("#street").val(pieces[1]);
           $("#cp").val(pieces[2]);
       }                          
   }
).trigger('change');

触发初始化!

答案 2 :(得分:0)

试试这个:

$("#country").change(
function() {
    $("#capital").val($(this).val().split('|')[0]);
    $("#street").val($(this).val().split('|')[1]);
    $("#cp").val($(this).val().split('|')[2]);
});​

FIDDLE

答案 3 :(得分:0)

使用split("|")将值分割为|个字符。这假设大写,街道和代码邮政不包含|字符。

$("#country").change(
    function () {
        var selected = $(this).val();
        var tokens = selected.split("|");
        $("#capital").val(tokens[0]);
        $("#street").val(tokens[1]);
        $("#cp").val(tokens[2]);
    }
);

演示:http://jsfiddle.net/hkKbb/6/

答案 4 :(得分:0)

使用

获取索引
$(this).prop("selectedIndex");

并使用

拆分值
$(this).val().split('|')[index];

样品

   $("#country").change(
       function () {
           $("#capital").val($(this).val());
           $("#street").val($(this).val());
           $("#cp").val($(this).val());
       }
   );

Fiddle