在 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 格式有關。有什么提示或建議嗎?非常感謝!
從下拉選項填充表單輸入,解析 json 數據屬性
慕的地8271018
2022-07-09 10:31:25