亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

從下拉選項填充表單輸入,解析 json 數據屬性

從下拉選項填充表單輸入,解析 json 數據屬性

PHP
慕的地8271018 2022-07-09 10:31:25
在 MySQL 查詢之后填充一個選擇下拉菜單,產生類似<form method="post" action="action.php">   <select name="elements" id="elements">      <option type="text" value="">Select an element to be modified, or fill data below for a new one</option>      <option type="text" value="1" data-json='{"elements_id":"1","elements_field1":"Lorem ipsum","elements_field2":"Foo"}'>Element 1</option>      <option type="text" value="2" data-json='{"elements_id":"2","elements_field1":"Lorem ipsum again","elements_field2":"Foo again"}'>Element 2</option>   </select>   <input type="text" id="elements_id">   <input type="text" id="elements_field1">   <input type="text" id="elements_field2">   <input type="submit" value="Submit"></form>我希望根據上面下拉列表中的選擇動態填充各種輸入字段。按照此處找到的建議,我嘗試在<head>我的 php 文件部分中包含以下腳本:<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script><script>   $('#elements').on('change', function() {       var selected = $(this).find('option[value="' + $(this).val() + '"]').data('json');       $('#elements_id').val(selected.elements_id);       $('#elements_field1').val(selected.elements_field1);       $('#elements_field2').val(selected.elements_field2);   });</script>但這不起作用,甚至不會導致我可以通過瀏覽器的 Web 控制臺跟蹤的錯誤。我認為這與作為 MySQL 查詢輸出的 json 格式(未顯示,但已驗證為常規 json)或腳本解析的 json 格式有關。有什么提示或建議嗎?非常感謝!
查看完整描述

1 回答

?
拉丁的傳說

TA貢獻1789條經驗 獲得超8個贊

你的代碼似乎對我有用。唯一的錯誤是您將第二個輸入的值設置了兩次。解決這個問題,這是一個 JS Bin。


$('#elements').on('change', function() {

  var selected = $(this).find('option[value="' + $(this).val() + '"]').data('json');

  console.log( selected );

  $('#elements_id').val(selected.elements_id);

  $('#elements_field1').val(selected.elements_field1);

  $('#elements_field2').val(selected.elements_field2); // <-- Here was your error

});


查看完整回答
反對 回復 2022-07-09
  • 1 回答
  • 0 關注
  • 86 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號