value属性を持たない入力タイプを取得する方法

Question

これで取り残されました。投稿するには、入力値を取得するにはどうすればよい

$(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>

：私はこのようなHTMLファイルを持っています。私はsubmit.phpにこのコードを書いたが、動作しません：

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

Answer 1

入力値に

document.getElementId('testing').value 

を取得するには、JavaScriptで入力

<input id="testing" /> 

のIDを入れたり、

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