从选择 Jquery 追加输入值？答案

【问题标题】：Append input value from select Jquery?从选择 Jquery 追加输入值？
【发布时间】：2014-07-07 12:57:38
【问题描述】：

我选择了国家代码

<select name="countryCode" id="">
    <option data-countryCode="GB" value="44" Selected>UK (+44)</option>
    <option data-countryCode="US" value="1">USA (+1)</option>
    <optgroup label="Other countries">
        <option data-countryCode="DZ" value="213">Algeria (+213)</option>
        <option data-countryCode="AD" value="376">Andorra (+376)</option>
    </optgroup>
</select>

在下一个字段我输入了你的手机

 <input type="text" placeholder="Enter your mobile phone" data="required" id="phone" data-content='Your mobile phone'>

我需要的是当用户选择国家代码来附加这样的电话输入时如果用户选择阿尔及利亚（+213），当他点击输入电话时，附加他的值，如这个+213，然后让他输入下一个号码。

【问题讨论】：

标签： jquery input append

【解决方案1】：

使用以下代码：

$(function() {
    $('#phone').on('focusin', function() {
        var cc = $('select[name=countryCode]').val().replace(/^.*\(([\)]+)\).*$/,'$1');
        $(this).val( cc ).data('cc', cc);
    })
    .on('focusout',function() {
        if( this.value == $(this).data('cc') )
            $(this).val('');
        }
    });
});

或：

$(function() {
    $('select[name=countryCode]').on('change', function() {
        var cc = this.value.replace(/^.*\(([\)]+)\).*$/,'$1');
        $('#phone').val( cc )..data('cc', cc);
    });
    $('#phone').on('focusout',function() {
        if( this.value == $(this).data('cc') )
            $(this).val('');
        }
    }); 
});

【讨论】：

这很好用，如果用户不输入数字，当他从输入#phone 移动鼠标时，是否可以删除该值。如果 pnone 的值与鼠标移出时从手机中删除值的选择值相同？

【解决方案2】：

如上代码将在电话号码中设置值，但您也需要设置焦点，如下更新

$('select').change(function(){
        $('#phone').val( $(this).val() );
        $('#phone').focus();
    });

这将帮助您专注于改变领域

【讨论】：

需要将“+”符号附加到 val()