ページに24以上のフォームがある場合にフォームデータを操作する

Question

質問はあなたが期待していたものではない場合は、このウェルにタイトルをどのように言いたいのか分かりませんでした。しかし、私はできない、それはこのサイト上のあなたの人々へのjQuery/JSのおかげに来るとき、私は今、総noobのはないよ

<form id="prod-44" action="index.php" method="post"> 
    <div class="meta-info"> 
     <span id="prodWeight1" style="font-weight:bold;">£2.99</span> 
     <span id="prodWeight2" style="font-weight:bold; display:none;">£3.99</span> 
     <span id="prodWeight3" style="font-weight:bold; display:none;">£4.99</span> 
     <span> 
      <select class="44" name="weight"> 
       <option value="prodWeight1">180g</option> 
       <option value="prodWeight2">240g</option> 
       <option value="prodWeight2">300g</option> 
      </select> 
     </span> 
    </div> 

    <div class="add-to-basket"> 
     <input type="hidden" value="44" name="item-id"> 
     <input type="hidden" value="Product1" name="item-name"> 
     <input type="hidden" value="2.99" name="item-price"> 
     <input type="hidden" value="1" name="item-qty"> 
     <input class="add-product" type="submit" value="add" name="add-button"> 
    </div> 
</form> 

：私は以下のようなフォーマットで1ページ24頭の形まで持って私の人生のために、これをどのように始めるかを考えてください！ :)これは誰のページでも24ページまでのフォームの1つで、汎用の$(this).changeメソッドを使用して、<select>値を変更することはできません。私は体重に基づいて正しい価格を表示しようとしています。選択親の兄弟要素である3つの<span>タグは、私が変更しようとしている3つのタグです。

私もそれは要素が変更された選択かを認識することができなかったとして:(誰も私を助けて、右方向に私を指すもらえますか？

Answer 1

$("select").change(function(){ 
var p = $(this).parents("div"); 
var c = p.find("#"+$(this).val()).html() 

// in c is now actual SPAN html text reached by id stored in select value 
})