如何在没有值属性的情况下获取输入类型的值

How to get value the input type without value attribute

本文关键字:情况下 获取 输入 类型 属性      更新时间:2023-09-26

我被这个困住了。我有这样的 HTML 文件:

$(document).ready(function() {
  $('select.supplier').change(function() {
    var capacityValue = $('select.supplier').find(':selected').data('capacity');
    $('.supplierCapacity').val(capacityValue);
  });
});
$(document).ready(function() {
  $('select.supplier').change(function() {
    var countryValue = $('select.supplier').find(':selected').data('country');
    $('.supplierCountry').val(countryValue);
  });
});
select,
input {
  padding: 5px;
  margin: 5px 0 10px;
  font-weight: bold;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Choose Supplier :
<br>
<form method="post" action="submit.php">
  <select class="supplier" name="supplier">
    <option data-country="Argentine" data-capacity="100" value="10">Johny Farms</option>
    <option data-country="Belgium" data-capacity="200" value="20>">Jack & Jane Farms</option>
    <option data-country="Canada" data-capacity="300" value="30">Crabs Crane</option>
  </select><br>
  <input type="hidden" name="supplierCapacity" class="supplierCapacity" readonly /><br>
  Country :<br>
  <input type="text" name="supplierCountry" class="supplierCountry" readonly /><br>
  <input type="submit" value=" save ">
</form>

如何获取要发布的输入值。我在提交中编写了这段代码.php但不起作用:

$capacity = $_POST['supplierCapacity'];
$country = $_POST['supplierCountry'];

为输入输入一个 id

<input id="testing"  />

在javascript中,获取输入值

document.getElementId('testing').value

$('#testing').val();