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

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

無法將所選 Div 的值獲取到隱藏的 Input

無法將所選 Div 的值獲取到隱藏的 Input

炎炎設(shè)計 2022-12-22 15:41:44
我堅持從一組可選擇的 div 中獲取路徑值。它是將經(jīng)典 ASP 轉(zhuǎn)換為點網(wǎng)的項目的一部分。關(guān)于這個主題還有其他帖子,但沒有看到符合我情況的帖子。這是供用戶選擇的 HTML 代碼。它是可用文件夾的列表。<b>Select the destination:</b><div id="destinationSelector">  <div style="padding-left:45px;"     value="C:\ANOTHER FOLDER WITH FILES\SUBFOLDER\SUBSUBFOLDER"><img src="../graphics/icons/closedfolder.gif" />&nbsp;SUBSUBFOLDER</div><div style="padding-left:30px;" value="C:\ANOTHER FOLDER WITH FILES\SUBFOLDER"><img src="../graphics/icons/closedfolder.gif" />&nbsp;SUBFOLDER</div><div style="padding-left:15px;" value="C:\ANOTHER FOLDER WITH FILES"><img src="../graphics/icons/closedfolder.gif" />&nbsp;ANOTHER FOLDER WITH     FILES</div><div style="padding-left:15px;" value="C:\Test Folder"><img src="../graphics/icons/closedfolder.gif" />&nbsp;Test Folder</div><div style="padding-left:30px;" value="C:\TEST FOLDER WITH FILES\SUBFOLDER"><img src="../graphics/icons/closedfolder.gif" />&nbsp;SUBFOLDER</div><div style="padding-left:15px;" value="C:\TEST FOLDER WITH FILES"><img src="../graphics/icons/closedfolder.gif" />&nbsp;TEST FOLDER WITH     FILES</div><div style="padding-left:15px;" value="C:\TEST MOVE FOLDER"><img src="../graphics/icons/closedfolder.gif" />&nbsp;TEST MOVE FOLDER</div></div><input name="moveto" id="moveto" type="hidden" />Javasript 應(yīng)該拾取路徑選擇,更改背景顏色,并將 div 值傳輸?shù)诫[藏的輸入值,moveto。然后我可以在后面的代碼中獲取該值。我向 javascript 添加了幾個 window.alerts 以進(jìn)行故障排除。我在選擇DIV時變化了JavaScript觸發(fā)。但是,該值始終為空。這是代碼:$(文檔).ready(函數(shù)(){            $("#destinationSelector>div").live("click", function () {                window.alert("You Clicked the Path Selection for Move");                $(this).siblings().css('background-color', '#fff');                $(this).css('background-color', '#ccc');                $("#moveto").val($(this).val());                window.alert($(this).val());            });          });預(yù)先感謝您的幫助 !還嘗試過:window.alert($(this).attr("value"));Window.alert 返回為未定義。有任何想法嗎?
查看完整描述

3 回答

?
慕哥6287543

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

value不是該<div>元素的有效屬性 - 因此 jQuery 無法通過 返回它.val()。


相反,我建議您使用data-value="..."然后.data("value")使用


$(function(){

  $("div").click(function() {

    console.log($(this).data("value"));

  });

});

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

<div style="padding-left:30px;" data-value="C:\ANOTHER FOLDER WITH FILES\SUBFOLDER">

<img src="../graphics/icons/closedfolder.gif" />&nbsp;SUBFOLDER</div>

value不是該<div>元素的有效屬性 - 因此 jQuery 無法通過 返回它.val()。


相反,我建議您使用data-value="..."然后.data("value")使用


$(function(){

  $("div").click(function() {

    console.log($(this).data("value"));

  });

});

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

<div style="padding-left:30px;" data-value="C:\ANOTHER FOLDER WITH FILES\SUBFOLDER">

<img src="../graphics/icons/closedfolder.gif" />&nbsp;SUBFOLDER</div>


查看完整回答
反對 回復(fù) 2022-12-22
?
胡子哥哥

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

如前所述,div 沒有值。您需要使用數(shù)據(jù)屬性。


$(document).ready(function () {

  $("#destinationSelector>div").live("click", function () {

    window.alert("You Clicked the Path Selection for Move");

    $(this).siblings().css('background-color', '#fff');

    $(this).css('background-color', '#ccc');

    $("#moveto").val($(this).attr('data-value'));

    window.alert($(this).attr('data-value'));

  });

});

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

<b>Select the destination:</b>

<div id="destinationSelector">

  <div style="padding-left:45px;"     data-value="C:\ANOTHER FOLDER WITH FILES\SUBFOLDER\SUBSUBFOLDER">

    <img src="../graphics/icons/closedfolder.gif" />&nbsp;SUBSUBFOLDER

  </div>

  <div style="padding-left:30px;" data-value="C:\ANOTHER FOLDER WITH FILES\SUBFOLDER">

    <img src="../graphics/icons/closedfolder.gif" />&nbsp;SUBFOLDER

  </div>

  <div style="padding-left:15px;" data-value="C:\ANOTHER FOLDER WITH FILES">

    <img src="../graphics/icons/closedfolder.gif" />&nbsp;ANOTHER FOLDER WITH     FILES

  </div>

  <div style="padding-left:15px;" data-value="C:\Test Folder">

    <img src="../graphics/icons/closedfolder.gif" />&nbsp;Test Folder

  </div>

  <div style="padding-left:30px;" data-value="C:\TEST FOLDER WITH FILES\SUBFOLDER">

    <img src="../graphics/icons/closedfolder.gif" />&nbsp;SUBFOLDER

  </div>

  <div style="padding-left:15px;" data-value="C:\TEST FOLDER WITH FILES">

    <img src="../graphics/icons/closedfolder.gif" />&nbsp;TEST FOLDER WITH     FILES

  </div>

  <div style="padding-left:15px;" data-value="C:\TEST MOVE FOLDER">

    <img src="../graphics/icons/closedfolder.gif" />&nbsp;TEST MOVE FOLDER

  </div>

</div>

<input name="moveto" id="moveto" type="hidden" />


查看完整回答
反對 回復(fù) 2022-12-22
?
互換的青春

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

Div 沒有val,我建議將 div 中的值更改為data-value

然后使用它來獲取該字符串:

$("#moveto").val($(this).data("value"));

或者你可以在不改變 div 的情況下試試這個

$("#moveto").val($(this).attr("value"));


查看完整回答
反對 回復(fù) 2022-12-22
  • 3 回答
  • 0 關(guān)注
  • 120 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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