我有一個let's name it fraction select list像這樣的選擇串列 ( ),它由 jQuery 附加:
$("#optionPanel").append('<div class="form-group col-md-3"><select id="fraction" class="form-control" width="100%" id="navigationMethod"><option value="0.0" selected="">Nothing</option><option value="1.0">100%</option><option value="0.9">90%</option><option value="0.8333333">83.33333%</option><</select>');
當我單擊一個按鈕時,我可以獲得選擇串列的值并將其設定在一個變數中。
var selectedOption : '';
$('#submitBtn').on('click',function(){
selectedOption = $('#fraction').val()
});
現在我也有一個編輯按鈕,當我點擊編輯按鈕時,我想做一些事情,`fraction selectlist 的值與 selectedOption 的變數的值相同,并且該選項被選中。
正如我所說,我的選擇串列是由 jQuery 生成的,它不是一個簡單的 HTML 選擇串列,因此我們可以輕松使用selected屬性。
如果你能幫我解決這個問題,我將不勝感激。
謝謝。
uj5u.com熱心網友回復:
您可以通過selectedOption單擊編輯按鈕來更改select.
$("#optionPanel").append('<div ><select id="fraction" width="100%" id="navigationMethod"><option value="0.0" selected="">Nothing</option><option value="1.0">100%</option><option value="0.9">90%</option><option value="0.8333333">83.33333%</option><</select>');
let selectedOption = "0.9";
$('#editBtn').on('click', function () {
$("#optionPanel select").val(selectedOption);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='optionPanel'></div>
<button id="editBtn"> EDIT</button>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/361818.html
標籤:javascript html 查询
