我有一個下拉串列，一旦我選擇了值，它將根據一個類（一、二、三）顯示另一個帶有數字的下拉串列。
我只想從實際選擇的下拉串列中顯示值.one，.two或者.threee
謝謝
jQuery("select.choose").change(function () {
jQuery('select.box').hide();
jQuery('select.box.' $(this).val()).show();
});
jQuery(".box").bind('click keyup', function(e) {
var priestor2 = parseFloat(jQuery("select[name='priestor_2_3']").val() || 0);
var priestor3 = parseFloat(jQuery("select[name='priestor_2_6']").val() || 0);
var priestor4 = parseFloat(jQuery("select[name='priestor_3_7']").val() || 0);
var priestor = priestor2 priestor3 priestor4;
jQuery("#result").text(priestor);
console.log(priestor);
});.box {
display: none;
}<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj 3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<div>
<select class="choose">
<option>Choose</option>
<option value="one">one</option>
<option value="two">two</option>
<option value="three">three</option>
</select>
<select name="priestor_2_3" class="one box">
<option value="2">2</option>
<option value="3">3</option>
</select>
<select name="priestor_2_6" class="two box">
<option value="2">2</option>
<option value="3">3</option>
</select>
<select name="priestor_3_7" class="three box">
<option value="3">3</option>
<option value="4">4</option>
</select>
<div id="result">result</div>
</div>uj5u.com熱心網友回復：
只需使用this鍵 workd ，即可訪問當前更改的框選擇值：
當您在頂部第一個下拉串列中使用它時，
作為填充變數 currentBoxValue = parseFloat($(this).val() || 0);
見下面的片段：
$("select.choose").change(function () {
selectedBox = $(this).val();
$('select.box').hide();
$('select.box.' selectedBox).show();
$("#result").text("");
$('select.box').val("");
});
$(".box").bind('click keyup', function(e) {
var currentBoxValue = parseFloat($(this).val() || 0);
$("#result").text(currentBoxValue);
});.box {
display: none;
}
#result{
color:red;
font-weight:bold;
}<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj 3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<div>
<select class="choose">
<option>Choose</option>
<option value="one">one</option>
<option value="two">two</option>
<option value="three">three</option>
</select>
<select name="priestor_2_3" class="one box">
<option value="">Select value</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select name="priestor_2_6" class="two box">
<option value="">Select value</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select name="priestor_3_7" class="three box">
<option value="">Select value</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<br>
<div >result : <span id="result"></span></div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/350452.html
標籤：javascript html 查询