0

動的識別子を使用して、ドロップダウンで選択した値を動的に取得する作業をしていました。私は静的な方法でそれを行いました。「ボタン」タグと「選択」タグごとに「ID」を動的にする方法を提案できますか。各GOボタンをクリックすると、同じ行の選択ドロップダウンから値が表示されるはずです。前もって感謝します。

=================

$(".button").click(function() {               
              var dataItem = $(this).data('item'),
              contentID = $('#'+dataItem);
              $('#output').html(contentID.val())
          });


=============

<table cellspacing="10" cellpading="10" border="0">
        <tr>
            <td>Application Name</td>
            <td>
                <select id="country">
                    <option>Select Any Country</option>
                    <option value="India">India</option>
                    <option value="Australia">Australia</option>
                    <option value="England">England</option>
                    <option value="Singapore">Singapore</option>
                    <option value="Canada">Canada</option>
                </select>
            </td>
            <td><input type="button" data-item="country" class="button" value="Go" /></td>
        </tr>
         <tr>
            <td>Application Name</td>
            <td>
                <select id="country1">
                    <option>Select Any Country</option>
                    <option>China</option>
                    <option>Russia</option>
                    <option>France</option>
                    <option>Paris</option>
                    <option>Germany</option>
                </select>
            </td>
            <td><input type="button" data-item="country1" class="button" value="Go" /></td>
        </tr>
         <tr>
            <td>Application Name</td>
            <td>
                <select id="country2">
                    <option>Select Any Country</option>
                    <option>Sri Lanka</option>
                    <option>South Africa</option>
                    <option>Ireland</option>
                    <option>Spain</option>
                    <option>Serbia</option>
                </select>
            </td>
            <td><input type="button" data-item="country2" class="button" value="Go" /></td>
        </tr>
    </table>
    <div id="output" style="color:red"></div>
4

2 に答える 2

1

選択とボタンに動的な「ID」を割り当てる 

  var n =1;
   $("table tr input.button").each(function(n){
      $(this).attr("id" , "button"+n);
      $(this).parent().find("select").attr("id" , "country"+n);
   });

今すぐクリック

  var y =1;
  $("table tr input.button").each(function(y){
      $("#button"+y).live('click', function(){
         alert($("#country"+y+" option:selected").index());
       });
   });
于 2013-07-03T09:50:55.630 に答える