jquery select 表单输入中的值

Question

我有一个 table 这样的：

我想当我selectid_siswa它会以输入的形式退出nominal_iuran值，但是我在这方面有困难

下图放大

我用这个编码

<script type="text/javascript">
      jQuery(function($) {
        $('select[name=id_siswa]').on('change', function() {
          var name = $(this).find('option:selected').text();
        $('input[name=nominal_iuran]').val(name);
      });
    });
 </script>

请高手帮帮我

Answer 1

您不能直接使用 jQuery（或 JavaScript）查询您的 table。您必须使用 PHP、Python 等服务器端脚本语言来执行此操作，然后 return 将结果发送到您的页面。

Answer 2

我不确定您最初是如何加载数据的，但是：

如果您不想使用 ajax，那么当您第一次使用数据库中的数据加载页面时，您可以向该选项添加一个数据属性，然后获取该值作为值而不是名字。

jQuery(function($) {
  $('select[name=id_siswa]').on('change', function() {
    var name = $(this).find('option:selected').text();
    var otherValue = $(this).find('option:selected').attr("data-nominaliuran");
    console.log(otherValue);
    $('input[name=nominal_iuran]').val(otherValue);
    
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

If you didnt want to use ajax then when you first load the page with data from the database, you could add a data-attribute to the option and then grab that for the value instead of the name...<br>
<select name=id_siswa>
  <option value=test1 data-nominaliuran="60000">TEST1</option>
  <option value=test2 data-nominaliuran="200">TEST2</option>
  <option value=test3 data-nominaliuran="0">TEST3</option>
</select>
<br><br>NOMINAL_IURAN: <input name="nominal_iuran">

jquery select 表单输入中的值

jquery select value in form input

forms

jquery

select

option