我有三個下拉串列，日、月和年。
第一：我想放一個條件代碼，如果三個都被選中，那么就完成了。
第二：我想把這三個的值都存盤在一個字串變數中，
<select class="form-control custom-select"> // day
<option value="">days</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<select class="form-control custom-select">// month
<option value="">Month</option>
<option value="January">January</option>
<option value="February">February</option>
<option value="March">March</option>
<option value="April">April</option>
<select class="form-control custom-select">// years
<option value="">years</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
我希望變數的內部存盤如下...
var string = "1 January 2017"
uj5u.com熱心網友回復：
根據您提供的代碼，我不確定當它們都為三個 null 時您會怎么說，但對于字串部分，您可以執行此操作。
var s = "";
$('.custom-select').change(function() {
s = $('.custom-select').map(function() {
return $(this).val();
}).get().join(" ");
console.log(s);
})
演示
顯示代碼片段
var s = "";
$('.custom-select').change(function() {
s = $('.custom-select').map(function() {
return $(this).val();
}).get();
var n = jQuery.inArray("", s) > -1;
$('.button').toggle(!n)
if (!n) {
s = s.join(" ");
console.log(s);
}
}).first().trigger("change");<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="form-control custom-select date">
<option value="">days</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<select class="form-control custom-select month">
<option value="">month</option>
<option value="January">January</option>
<option value="February">February</option>
<option value="March">March</option>
<option value="April">April</option>
</select>
<select class="form-control custom-select year">
<option value="">years</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
</select>
<button class="button">Show if selects have value.</button>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/425073.html
標籤：javascript jQuery
上一篇：在頁面加載時自動選中所有復選框