輸入如何自動

Question

<form role="form" method="post" action="tes.php"> 
<button type="button" id="setValueButton">xSmall</button> 
<input data-max="5000" name="name[1]" type="text"> 
<button type="button" id="setValueButton">xSmall</button> 
<input data-max="4000" name="name[2]" type="text"> 
<button type="button" id="setValueButton">xSmall</button> 
<input data-max="1000" name="name[3]" type="text"> 
</form> 

1. 如何自動輸入一個值輸入，如果我按一下按鈕XSMALL
2. 如果用戶輸入的值比數據-MAX更大必須設置爲數據-MAX值。

Answer 1

首先，每個元素都必須有一個唯一的ID：

<form role="form" method="post" action="tes.php"> 
    <button type="button" id="setValueButton1">xSmall</button> 
    <input data-max="5000" name="name[1]" type="text"> 
    <button type="button" id="setValueButton2">xSmall</button> 
    <input data-max="4000" name="name[2]" type="text"> 
    <button type="button" id="setValueButton3">xSmall</button> 
    <input data-max="1000" name="name[3]" type="text"> 
</form> 

然後，你需要使用JavaScript（例如jQuery中）

$('#setValueButton1').on('click', function() { 
    $('input[name="name[1]"]').val('text string'); 
}); 

這個例子將輸入文本字符串轉換成第一個框，當你點擊第一個按鈕。

檢測更改輸入，使用這樣的：

$('#setValueButton1').on('change', function() { 
    if ('#setValueButton1').val() > '5000' { 
     // set it as above 
    } 
} 

https://jsfiddle.net/hmhf9mxf/