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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

根據(jù)類和行 ID 更改表行的選擇列表

根據(jù)類和行 ID 更改表行的選擇列表

有只小跳蛙 2022-10-21 17:27:48
我有一個(gè)代碼,其中我使用的表格帶有一個(gè)選擇列表,該列表在選擇選項(xiàng)時(shí)會(huì)影響另一個(gè)選擇列表。我無(wú)法按類而不是所有類選擇單個(gè)選擇列表?;旧衔蚁氩怀稣_的語(yǔ)法來(lái)選擇一個(gè)表行 ddl 而不影響具有相同類名的所有選擇列表。代碼<tr id=100> //mockup of what my rows look like ID iterates, 101, 102, etc.    <td>       <select name="tbTest" id="tbTest" class="tbTestddl" style="max-width:200px">             <option value=1>1</option>            <option value=2>2</option>             <option value=3>3</option>       </select>      </td>     <td>          <select name="tbAnswer" id="tbAnswer" class="tbAnswerddl" style="max-width:200px">             <option value=1>1</option>            <option value=2>2</option>             <option value=3>3</option>          </select>       </td> </tr>JS    $('.tbTestddl').change(function () {    var TestID = $('option:selected', this).attr('TestID');    var rowID= $(this).closest('tr').attr('id');       GetAnswer(TestID, rowID);});function GetAnswer(TestID, rowID) {$.ajax({    url: '/Test/GetAnswersList',    type: 'GET',    data: {        TestID: TestID    },    dataType: "json",    success: function (result) {        var clearddl= $('.tbAnswerddl');        clearddl.empty();        $.each(result, function () {            var option = document.createElement("option");            option.text = this.AnswerName;            option.value = this.AnswerID;            $('.tbAnswerddl').append(option);        });    }});
查看完整描述

1 回答

?
慕姐4208626

TA貢獻(xiàn)1852條經(jīng)驗(yàn) 獲得超7個(gè)贊

您可以使用rowID僅更改特定的行選擇 $("#" + rowID).find('.tbAnswerddl')。并使用相同的選擇附加選項(xiàng)。


演示代碼(我已刪除此演示中不需要的 ajax 代碼):


//dummy data

var result = [{

  "AnswerName": "abc",

  "AnswerID": "123"


}, {

  "AnswerName": "abcd",

  "AnswerID": "123a"


}];


$('.tbTestddl').change(function() {

  var TestID = $('option:selected', this).val();//value of select-box

  var rowID = $(this).closest('tr').attr('id');

  console.log("val -"+TestID)

  console.log("rowid -"+rowID)

  GetAnswer(TestID, rowID);

});




function GetAnswer(TestID, rowID) {


  //finding slect under the row given

  var clearddl = $("#" + rowID).find('.tbAnswerddl');

  clearddl.empty();


  $.each(result, function() {


    var option = document.createElement("option");

    option.text = this.AnswerName;

    option.value = this.AnswerID;

    clearddl.append(option); //append to that row

  });

}

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

<table>

  <tr id=102> 

    <td>

      <select name="tbTest" id="tbTest" class="tbTestddl" style="max-width:200px">

        <option value=1>1</option>

        <option value=2>2</option>

        <option value=3>3</option>

      </select>

    </td>

    <td>

      <select name="tbAnswer" id="tbAnswer" class="tbAnswerddl" style="max-width:200px">

        <option value=1>1</option>

        <option value=2>2</option>

        <option value=3>3</option>

      </select>

    </td>

  </tr>

  <tr id=100> 

    <td>

      <select name="tbTest" id="tbTest" class="tbTestddl" style="max-width:200px">

        <option value=1>1</option>

        <option value=2>2</option>

        <option value=3>3</option>

      </select>

    </td>

    <td>

      <select name="tbAnswer" id="tbAnswer" class="tbAnswerddl" style="max-width:200px">

        <option value=1>1</option>

        <option value=2>2</option>

        <option value=3>3</option>

      </select>

    </td>

  </tr>

</table>


查看完整回答
反對(duì) 回復(fù) 2022-10-21
  • 1 回答
  • 0 關(guān)注
  • 121 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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