JQuery 未擷取下拉值

Question

我正在製作一個 API 介面來安排包裹取件。 API 需要包的數量等。我的專案經理說他需要將包裝的數量作為一個下拉清單。現在嘗試從表單中獲取包裹數量是行不通的，儘管它適用於我的其他下拉式選單。

我的用於產生下拉清單的 PHP 程式碼：

<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>

捕獲 API 呼叫的程式碼：

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

作為參考，這是我用來產生客戶狀態下拉清單的程式碼：

<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>

以及捕捉它的程式碼：

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

儘管結構看起來相同，但國家會被抓住，但包裹數量卻不會：

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"

有什麼想法為什麼 state 有效但 packagecount 不起作用？

Answer 1

您嘗試使用多個選項循環選擇了錯誤的方法

|| echo "${i}";

它也是最終值作為選定的預設最後值

試試這個

$("#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>