如何發送選擇的選項，以在彈簧表單提交

Question

示例代碼

<form name='add'> 
Age: <select name='age'> 
    <option value='1' stud_name='sre'>23</option> 
    <option value='2' stud_name='sam'>24</option> 
    <option value='5' stud_name='john'>25</option> 
    </select> 
<input type='submit' name='submit'/> 
</form> 

彈簧控制器如果我從下拉23，上述形式的提交，代替值= 1，我應該發送23到年齡參數。

你能幫忙嗎？

Answer 1

$(document).ready(function() { 
    $('input[type=submit]').on('click', function() { 
    alert('hi'); 
    var aa = $('#age option:selected').text(); 
    aa = $('#age option:selected').val(aa); 
    console.log('value is' + aa); 
    }); 
}); 

使用此。但是我仍然困惑你想要實際做什麼。

Answer 2

將值屬性更改爲適當的值。如果你需要保持額外的價值在你的選項標記，您可以使用數據屬性：

<form name='add'> 
Age: <select name='age'> 
    <option value='23' data-custom-value="1" stud_name='sre'>23</option> 
    <option value='24' data-custom-value="2" stud_name='sam'>24</option> 
    <option value='25' data-custom-value="5" stud_name='john'>25</option> 
    </select> 
<input type='submit' name='submit'/> 
</form> 

訪問該屬性在JS：

//you need get optionElement first 
optionElement.getAttribute('data-custom-value'); 

我認爲你不能讓我的解決辦法工作，彈簧安全標籤（itemLabel等）。選定的值會出現問題。 但你可以嘗試這樣的事情：

<select name="age"> 
    <c:forEach var="item" items="${ages}"> 
     <option value="${age.value}" ${item.val== age.value ? 'selected="selected"' : ''}>${item.value}</option> 
    </c:forEach> 
</select>