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

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

單獨(dú)編輯對(duì)象的屬性,需要“編輯”框?yàn)槊總€(gè)屬性動(dòng)態(tài)打開

單獨(dú)編輯對(duì)象的屬性,需要“編輯”框?yàn)槊總€(gè)屬性動(dòng)態(tài)打開

泛舟湖上清波郎朗 2023-06-09 17:31:18
后端是帶有 Django 模型的 Python。以下是我在用戶界面中的內(nèi)容。當(dāng)用戶單擊“編輯”筆時(shí),我希望文本框輸入顯示在先前值的正下方,同時(shí)在頁(yè)面頂部彈出一個(gè)“提交更改”按鈕。用戶需要能夠根據(jù)需要編輯盡可能多的屬性,然后一次提交所有更改。我的對(duì)象有超過(guò) 75 個(gè)屬性,所以如果我為每個(gè)屬性創(chuàng)建一個(gè)獨(dú)特的函數(shù),javascript 將變得非常冗長(zhǎng)和麻煩。到目前為止我有這個(gè):HTML:<button id="edit_submit" type="submit" form="job_text_edit">Commit Changes</button><form id="job_text_edit" action="pass to backend"></form><table class="z-depth-3"> <tr>  <td style="width: 200px">Job Name:</td>  <td>     {{job.job_name}}<a href="#"><i class="tiny material-icons" onclick="jobEdit()">edit</i></a>     <input id="job_name_i" name="job_name_i" type="text" form="job_text_edit">  </td>  </tr>  <tr>   <td>Work Schedule:</td>   <td>     {{job.work_schedule}}<a><i class="tiny material-icons" onclick="jobEdit()">edit</i></a>    <input id="work_schedule_i" name="work_schedule_i" type="text" form="job_text_edit">    </td>  </tr></table>javascript:<script> $(document).ready(function(){    $('#edit_submit').hide();    $('#job_name_i').hide();    $('#work_schedule_i').hide();  })  function jobEdit(){    $('#edit_submit').show();    $('#job_name_i').show();    $('#work_schedule_i').show();      }</script>問題是當(dāng)你點(diǎn)擊任何“編輯”筆時(shí),所有的編輯框都會(huì)彈出。有沒有辦法讓函數(shù)知道單擊了哪個(gè),以便我可以在函數(shù)中實(shí)現(xiàn)條件語(yǔ)句以僅顯示必要的框?我嘗試傳入一個(gè)帶有輸入 ID 的字符串,但該函數(shù)在給定字符串參數(shù)時(shí)會(huì)拋出錯(cuò)誤。任何幫助是極大的贊賞!
查看完整描述

1 回答

?
躍然一笑

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

當(dāng)您從后端提取數(shù)據(jù)時(shí),您還需要提取一個(gè) id 或一些唯一值。


該值對(duì)于您在上面的屏幕截圖中顯示的每個(gè)單獨(dú)行或該行中的元素都是唯一的。


然后當(dāng)你呈現(xiàn)你的 html 時(shí),將 id(唯一值)附加到當(dāng)前 id(元素上的 html id)的末尾


因此,例如,在您輸入 id="job_name_i" 的地方,您可以在渲染時(shí)將唯一值 (id) 添加(附加)到它的末尾。


然后,您可以不用在 onclick 中傳遞函數(shù)調(diào)用(并在 html 中定義 onClick),而是可以在 javascript 的 init 部分設(shè)置一個(gè)事件偵聽器,如下所示:


$("[id^=job_name_i]").on('click', event => {

  const clickedElement = $(event.target);

});


上面的代碼將偵聽對(duì)以 job_name_i 開頭的任何元素的點(diǎn)擊(請(qǐng)記住,您的唯一值將附加到它的末尾。


所以上面的內(nèi)容會(huì)放在下面的塊中。


$(document).ready(function(){


});

您現(xiàn)在可以訪問頁(yè)面上的特定單擊元素,根據(jù)需要執(zhí)行操作,在其下方或上方添加內(nèi)容。因此,您可以使用 event.target.id 訪問 ID,并將其傳遞給您的函數(shù)。


像下面這樣的東西。


  function jobEdit(id){

    $(id).show(); 

    // OR

    $(someelement + id).show(); 

  }


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

添加回答

舉報(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)