여기에 0에서 9까지의 숫자를 포함하는 3 개의 드롭 다운 목록이 있는데, 이것은 실제로 비용 입력을위한 것입니다. 예를 들어 4첫 번째 드롭 다운과 5두 번째 드롭 다운 및 0세 번째 드롭 다운에서 선택하면 비용은 450이되어야합니다. 이제 내가하려는 것은 값을 입력하고 제출을 클릭하면 하나의 변수에 값 450을 캡처하여 정수로 변환해야합니다. 어떻게 할 수 있습니까?
여기 내가 시도한 것입니다
<select id="cost1" class="cost-block-add">
<option value="0">0</option>
<option value="1">1</option>
...
</select>
<select id="cost2" class="cost-block-add">
<option value="0">0</option>
<option value="1">1</option>
...
</select>
<select id="cost3" class="cost-block-add">
<option value="0">0</option>
<option value="1">1</option>
...
</select>
<button class="submit-button minimal-padding" onclick="getCost()"> submit </button>
JS :
function getCost(){
var str;
var num_arr = [];
var elems = document.querySelectorAll('.cost-block-deduct');
elems.forEach(function(el){
var nums = el.options[el.selectedIndex].text
num_arr.push(nums)
})
}
잘못된 class이름 을 사용했습니다 . 그것은해야한다.cost-block-add
이것을 시도 할 수 있습니다.
function getCost() {
var str;
var num_arr = [];
var elems = document.querySelectorAll('.cost-block-add');
elems.forEach(function(el) {
var nums = el.options[el.selectedIndex].value;
num_arr.push(nums)
});
console.log(num_arr);
//alert(num_arr.join("")); this is string
alert((Number.parseInt(num_arr.join("")))); // convert to number
}<select id="cost1" class="cost-block-add">
<option value="0">0</option>
<option value="1">1</option>
</select>
<select id="cost2" class="cost-block-add">
<option value="0">0</option>
<option value="1">1</option>
</select>
<select id="cost3" class="cost-block-add">
<option value="0">0</option>
<option value="1">1</option>
</select>
<button onClick="getCost()">Click</button>이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다