英文:
How can i make auto fill an input form based on selectbox dropdown?
问题
我正在尝试根据选择框的选择自动填充输入表单。自动填充文本来自我的数据库。
这是我的代码：
<select style="width: 110px;" class="form-control" name="id_periodik" id="id_periodik" required oninvalid="this.setCustomValidity('Masukkan periodik sparepart!')" oninput="this.setCustomValidity('')"><?php foreach ($periodik_options as $option) {?><option value="<?php echo $option['id_periodik']; ?>"><?php echo $option['nama_periodik']; ?></option><?php }?></select></td>
基于选择自动填充文本：
<td><input type="text" class="form-control" id="jumlah_periodik" name="jumlah_periodik[]" readonly></td>
脚本：
<script>$(document).ready(function() {$('#id_periodik').on('change', function() {var selectedValue = $(this).val();$('#jumlah_periodik').val(selectedValue);});});</script>
我已经尝试了这个，但在我的视图中没有任何反应。您可以提供的任何帮助我都非常感激。
英文:
I'm trying to auto fill an input form based on the selection of a selectbox. the auto fill text comes from my database
This is my code:
<select style="width: 110px;" class="form-control" name="id_periodik" id="id_periodik" required oninvalid="this.setCustomValidity('Masukkan periodik sparepart!')"oninput="this.setCustomValidity('')"><?php foreach ($periodik_options as $option) {?><option value="<?php echo $option['id_periodik']; ?>"><?php echo $option['nama_periodik']; ?></option><?php }?></select></td>
text auto fill based on selection:
<td><input type="text" class="form-control" id="jumlah_periodik" name="jumlah_periodik[]" readonly></td>
script:
<script>$(document).ready(function() {$('#id_periodik').on('change', function() {var selectedValue = $(this).val();$('#jumlah_periodik').val(selectedValue);});});</script>
i've try that but nothing happens in my view. Any help you can give I appreciate it
enter image description here
答案1
得分: -1
- 获取选定的 id_periodik
- 然后发送 AJAX 请求以从数据库获取数据
- 然后将数据设置为 jumlah_periodik
英文:
$(document).ready(function() {$('#id_periodik').on('change', function() {// here is the changevar selectedValue = $('#id_periodik').find(":selected").val();$.ajax({type : "Get",url: 'your_url',data: {id_periodik: selectedValue},success:function(result){$('#jumlah_periodik').val(result);}});});});
</script>
- Get selected id_periodik
- Then send ajax request to get data from database
- Then set data to jumlah_periodik
Hope this work
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论