2009-05-19 8 views
2

状況:jQuery:対応するテキストボックスをそれぞれの値に影響させる

2テキストボックス、TextBoxAおよびTextBoxB。 TextBoxAにテキストを入力し、TextBoxBの値を設定します。今、私はTextBoxBの値を編集することができ、TextBoxAの値を設定する必要があります。十分に簡単ですが、私はこれを1ページに数組のテキストボックスで使用する必要があります。

$(function() { 
     $(':text').css("border", "1px solid #666"); // Remove for actual app 

     // Sets value of corresponding textbox by ID 
     $(':text').blur(function() { 
      $('#inputval_' + ($(this).attr("id"))).val($(this).val()); 
     }); 

     //Styles all inputs set to read only 
     $('input[readonly=readonly]').css("border", "none"); 

     $('input[readonly=readonly]').click(function() {// on click allows edit of readonly inputs 
      if ($(this).attr("readonly") == true) { 
       $(this).removeAttr("readonly"); 
       $(this).css("border", "1px solid #666"); 
      } 
      $(this).blur(function() {//on blur sets readonly back to true 
       if ($(this).attr("readonly") == false) { 
        $(this).attr("readonly", "readonly"); 
        $(this).css("border", "none"); 
        $('#' + ($(this).attr(("id").remove("inputval_")))).val($(this).val()); 
       } 
      }); 
     }); 

    }); 

そして:

<input type="text" id="text1" name="userinput" /><br /><br /> 
<input type="text" id="text2" name="userinput" /><br /><br /> 
<input type="text" readonly="readonly" id="inputval_text1" /> 
<input type="text" readonly="readonly" id="inputval_text2" /> 

すべての作品を、テキストボックスの第2のセットを作るため除いて、それに対応する対応に影響を与える

は、これは私がこれまで持っているものです。私が間違っていることを見ることができますか?私はかなりJavaScript/jQueryのnoob(CSS/XHTMLでほとんどの時間を費やしている)だからやさしい。

答えて

1

問題が見つかりました。それは非常に微妙です。これは完璧な作品

$('#' + ($(this).attr("id")).replace("inputval_","")).val($(this).val()); 
+0

:に

$('#' + ($(this).attr(("id").remove("inputval_")))).val($(this).val()); 

:第二セットのためのセレクタから変更する必要があります。ありがとう! –

関連する問題