如何连接两个输入字段的值,其中只有第二个值是可编辑的

时间:2018-04-06 21:28:53

标签: javascript jquery input

请帮助我,因为我希望获得第二个输入字段的值, id ='粗体' 的值连接id ='字段' 加载像这样 CAN&T TOUCH THIS!gaggle

CAN&#T; TISCH THIS!目前无法使用selectionStart进行编辑 但我希望 gaggle 可以编辑。

HTML

<input id="field" type="text" value="CAN'T TOUCH THIS!" size="50"/>
<input id="bold"  type="hidden" value="gaggle" size="50"/>

<div id="output">
</div>

的Javascript

$('document').ready(function(){

var readOnlyLength = $('#field').val().length;
$('#output').text(readOnlyLength);

$('#field').on('keypress, keydown', function(event) {
    $('#output').text(this.selectionStart);

    if ((event.which != 37 && (event.which != 39)) && ((this.selectionStart < readOnlyLength) || ((this.selectionStart == readOnlyLength) && (event.which == 8)))) {
        return false;
         }
        });    

})

http://jsfiddle.net/Yt72H/999/

如果需要澄清,请告诉我。感谢。

1 个答案:

答案 0 :(得分:0)

在您网页的加载事件中,您可以获得&#39; giggle&#39;的初始值。输入并且不要触摸这个&#39;输入(那些实际的字符串),将它们连接成新的变量(concat)并覆盖“不要触摸这个”的值。具有连接值的连接字符串(concat变量)。你会发现,并没有触及这个&#39;将保持只读和“傻笑”您可以实际编辑的部分。

$('document').ready(function(){
     var concat = $('#field').val() + $('#bold').val();
     $('#field').val(concat);
     // rest of your code
});