第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何根據(jù) onclick 函數(shù)獲取兩個輸入字段值

如何根據(jù) onclick 函數(shù)獲取兩個輸入字段值

PHP
阿波羅的戰(zhàn)車 2022-01-24 09:49:51
我在那個 div 中有一個 div 我有兩個輸入字段和更新按鈕,如下所示:<button type = "button" id = "add-botton" >Add Element </button>    <div id = "trace-div1" class = "trace">    <h4><span>Trace 1</span></h4>    <form>        <table>            <tbody>                <tr>                    <td><label>X Axis:  </label></td>                    <td><input type="text" name="t_x_axis" class = "t_x_axis"  id="x_axis_t1" size="50">                     </td>                                                              </tr>                                                                                           <tr>                    <td><label>Y Axis:  </label></td>                    <td><input type="text" name="t_y_axis" class = "t_y_axis" id="y_axis_t1" size="50"></td>                    <td><button type = "button" name = "update-button-trace" class = "update-trace" id =                          "update-botton-trace1" onclick="updatebtn(this)">Update </button></td>                </tr>         </tbody>        </table>       </form>                                  </div>    <script>      function updatebtn(el){            var id = $(el).attr('id');    }    }</script>在這里,我使用 diff.id's 多次克隆我的 div,我的問題是當(dāng)我單擊更新按鈕時,我需要這兩個輸入值。我試過這樣,但在這里我得到了所有輸入值,就像我添加了 3 個 div 一樣,這些相應(yīng)的所有值都來到這里,每個 div 有 2 個輸入字段:<script> function updatebtn(el){       var id = $(el).attr('id');       $('input[type=text]:visible').each(function(){                 console.log($(this).val());        })})</script>
查看完整描述

3 回答

?
慕碼人8056858

TA貢獻(xiàn)1803條經(jīng)驗 獲得超6個贊

您需要開發(fā)您的 updatebtn()。


 function updatebtn(el){

        var element = $(el),

            parent_table = element.parentsUntil('table');

        x_axis = parent_table.find('.t_x_axis').val();

        y_axis = parent_table.find('.t_y_axis').val(); 

}


查看完整回答
反對 回復(fù) 2022-01-24
?
拉莫斯之舞

TA貢獻(xiàn)1820條經(jīng)驗 獲得超10個贊

您可以使用查找值作為 $div.find('.t_y_axis').val()


$(document).ready(function(){

        $('#add-botton').click(function(){

             

              var $div = $('div[id^="trace-div"]:last');

              var num = parseInt( $div.prop("id").match(/\d+/g), 10 ) +1;

              var $trace1div = $div.clone(true).prop('id', 'trace-div'+num );

              

              

               $trace1div.find('span').text('Trace ' + num);

               $trace1div.find("input[name='t_x_axis']").attr("id", "x_axis_t"+num).val("");

               $trace1div.find("input[name='t_y_axis']").attr("id", "y_axis_t"+num).val("");

               $trace1div.find("button[name='update-button-trace']").attr("id", "update-button-trace"+num);

              $div.after( $trace1div);

              

              console.log( 'last t_y_axis => ' , $div.find('.t_y_axis').val());

              console.log( 'last t_x_axis => ' , $div.find('.t_x_axis').val());


        });

   });

    

    function updatebtn(el){

            var id = $(el).attr('id');

    }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button type = "button" id = "add-botton" >Add Element </button>

    <div id = "trace-div1" class = "trace">

    <h4><span>Trace 1</span></h4>

    <form>

        <table>

            <tbody>

                <tr>

                    <td><label>X Axis:  </label></td>

                    <td><input type="text" name="t_x_axis" class = "t_x_axis"  id="x_axis_t1" size="50"> 

                    </td>                                               

               </tr>                                                                            

               <tr>

                    <td><label>Y Axis:  </label></td>

                    <td><input type="text" name="t_y_axis" class = "t_y_axis" id="y_axis_t1" size="50"></td>

                    <td><button type = "button" name = "update-button-trace" class = "update-trace" id = 

                         "update-botton-trace1" onclick="updatebtn(this)">Update </button></td>

                </tr>

         </tbody>

        </table>

       </form>                              

    </div>


查看完整回答
反對 回復(fù) 2022-01-24
?
小唯快跑啊

TA貢獻(xiàn)1863條經(jīng)驗 獲得超2個贊

您需要使用 DOM 遍歷來查找input與單擊的按鈕相關(guān)的元素。考慮到您已經(jīng)在使用 jQuery,最簡單的方法是對動態(tài)button元素使用委托事件處理程序以及closest()和find()。


還值得注意的是,您id在動態(tài)內(nèi)容中使用屬性會產(chǎn)生比它解決的問題更多的問題。我強(qiáng)烈建議您將它們?nèi)縿h除并在所有元素上使用公共類。這樣,您就不必在添加新內(nèi)容時手動更新所有增量 ID。


試試這個:


jQuery(function($) {

  var $traceContainer = $('#traces');


  $('#add-button').click(function() {

    var $div = $traceContainer.find('.trace:last').clone()

    $div.find("input[name='t_x_axis']").val("");

    $div.find("input[name='t_y_axis']").val("");

    $traceContainer.append($div);

    $div.find('span').text('Trace ' + ($div.index() + 1));

  });

  

  $traceContainer.on('click', '.update-trace', function() {

    var $container = $(this).closest('table');

    var xAxis = $container.find('input[name="t_x_axis"]').val();

    var yAxis = $container.find('input[name="t_y_axis"]').val();

    

    console.log(xAxis, yAxis);

  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button type="button" id="add-button">Add Element</button>

<div id="traces">

  <div class="trace">

    <h4><span>Trace 1</span></h4>

    <form>

      <table>

        <tbody>

          <tr>

            <td><label>X Axis:</label></td>

            <td><input type="text" name="t_x_axis" class="t_x_axis" size="50">

            </td>

          </tr>

          <tr>

            <td><label>Y Axis:</label></td>

            <td><input type="text" name="t_y_axis" class="t_y_axis" size="50"></td>

            <td><button type="button" name="update-button-trace" class="update-trace">Update </button></td>

          </tr>

        </tbody>

      </table>

    </form>

  </div>

</div>


最后,請注意,我div在每個對象周圍添加了一個容器,.trace以使附加它們和檢索它們的索引更簡單。另請注意,其中的form每個.trace似乎都是多余的,并且可能會被刪除

查看完整回答
反對 回復(fù) 2022-01-24
  • 3 回答
  • 0 關(guān)注
  • 211 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號