JQuery tidak menangkap nilai lungsur turun

Question

Saya sedang membuat antara muka API untuk menjadualkan pengambilan pakej. API memerlukan bilangan pakej, dsb. Pengurus projek saya berkata dia memerlukan bilangan pakej sebagai senarai juntai bawah. Sekarang cuba mendapatkan kuantiti pakej dari borang tidak berfungsi, walaupun ia berfungsi untuk menu lungsur turun saya yang lain.

Kod PHP saya untuk menjana senarai lungsur turun:

<select name="package_count" id="package_count" class="form-control form-inps">
                                <?php for ($i=1; $i<26; $i++) {
                                    if ($i !== 1) {
                                        echo "<option value='${i}'>${i}</option>";
                                    } else {
                                        echo "<option selected='selected' value='${i}'>${i}</option>";
                                    }
                                } ?>
                            </select>

Kod untuk menangkap panggilan API:

info.package_count = $("#package_count").val();

Sebagai rujukan, ini adalah kod yang saya gunakan untuk menjana dropdown status pelanggan:

<select id="state" name="state" class="form-control form-inps">
                            <?php $customerState = $customer_id->state;
                                foreach ($categories as $abbr=>$full) {
                                if ($abbr !== $customerState && strtolower($full) !== strtolower($customerState)) {
                                    echo "<option value='${abbr}'>${full}</option>";
                                } else {
                                    echo "<option value='${abbr}' selected='selected'>${full}</option>";
                                }
                            }?>
                        </select>

Dan kod untuk menangkapnya:

info.state = $("#state").val();

Walaupun strukturnya kelihatan sama, negara akan ditangkap, tetapi kuantiti pakej tidak akan:

city: 
"REDACTED"
company: 
""
date: 
"2023-03-17"
earliest: 
"13:00"
latest: 
"17:00"
name: 
"REDACTED"
package_count: 
""
shipping_direction: 
undefined
shipping_provider: 
undefined
state: 
"REDACTED"
street: 
"REDACTED"
street2: 
""
zip: 
"REDACTED"

Ada idea mengapa keadaan berfungsi tetapi kiraan pakej tidak?

Answer 1

Anda memilih kaedah yang salah dengan mencuba berbilang pilihan

|| echo "${i}";

Ia juga merupakan nilai akhir sebagai nilai akhir lalai yang dipilih

Cuba ini

$("#package_count").change(function(){
 var val= $("#package_count option:selected").val();
  $('#result').html(val);
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="package_count" id="package_count" class="form-control form-inps">
<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>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>

  </select>
  
  <p id="result" style="color:red;font-size:14px"></p>