jquery在表单输入中选择值

Question

我有一张这样的表：

我想当我选择id_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）直接查询您的表。您必须使用服务器端脚本语言（如PHP，Python等）来执行此操作，然后将结果返回到您的页面。

Answer 2

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

如果您不想使用ajax，那么当您首次使用数据库中的数据加载页面时，您可以向该选项添加数据属性，然后获取该值而不是名称。< / p>

＆＃13;

＆＃13;

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);
    
  });
});

＆＃13;

<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">

＆＃13;

＆＃13;

＆＃13;