Php ，尝试将selected=“selected”属性添加到另一个选项中，然后查看结果是否发生了更改我发现下拉菜单不是问题所在。完全改变了话题。如果你还可以帮助我，那就太好了：）如果你想做的是例如：选择国家：美国，当他们选择美国时，另一个下拉列表将填充来自美国

---

，尝试将selected=“selected”属性添加到另一个选项中，然后查看结果是否发生了更改我发现下拉菜单不是问题所在。完全改变了话题。如果你还可以帮助我，那就太好了：）如果你想做的是例如：选择国家：美国，当他们选择美国时，另一个下拉列表将填充来自美国的所有州。你可以做的是在on change功能中，编写你的ajax，因此，当他们选择一个国家时，不要单击submit（在您的例子中是一个区域）下一个下拉列表将自动填充的，如果它位于$（document）.on（“change”，function（）{}）的内部如果您想做的是例如：选择国家：美国，当他们选择美国时，另一个下拉列表将填充来自美国的所有州。您可以在on change功能中编写ajax，因此，在他们选择国家（在您的情况下是一个地区）时，不要单击submit下一个下拉列表将自动填入的，如果它位于$（document）.on（“change”，function（）{}）的内部

<select name="region" id="region">

   <option selected="selected" value="na">NA</option>
   <option value="euw">EUW</option>
   <option value="eune">EUNE</option>
   <option value="tr">TR</option>
   <option value="lan">LAN</option>
   <option value="las">LAS</option>
   <option value="br">BR</option>
   <option value="ru">RU</option>
   <option value="oce">OCE</option>
   <option value="kr">KR</option>
</select>

 <script>
     $(function () {
        $('#myForm').on('submit', function (e) {

          e.preventDefault();

          $.ajax({
            type: 'post',
            url: 'redirect.php',
            data: $('form').serialize(),
            success: function () {
                location.reload();

            }
          });

        });

      });
    </script>

<form id="myForm">
        <li id="search">
                <input type="text" name="name" id="name" placeholder="Search Word"/>
                <input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;" tabindex="-1" />

                <select name="region" id="region">

                    <option selected="selected" value="na">NA</option>
                    <option value="euw">EUW</option>
                    <option value="eune">EUNE</option>
                    <option value="tr">TR</option>
                    <option value="lan">LAN</option>
                    <option value="las">LAS</option>
                    <option value="br">BR</option>
                    <option value="ru">RU</option>
                    <option value="oce">OCE</option>
                    <option value="kr">KR</option>

                </select>


            </li>
</form>

<?php
    session_start();

    if (isset($_POST['name']) && isset($_POST['region'])) {
        $_SESSION['name'] = $_POST['name'];
        $_SESSION['region'] = $_POST['region'];

    }
    if (isset($_POST['name'])) {
        $_SESSION['name'] = $_POST['name'];
        $_POST['region'] = 'na';   // I think this is where the problem persists
        $_SESSION['region'] = $_POST['region'];
    }

<select name="region" id="region">

   <option value="na">NA</option>
   <option value="euw">EUW</option>
   <option value="eune">EUNE</option>
   <option value="tr">TR</option>
   <option value="lan">LAN</option>
   <option value="las">LAS</option>
   <option value="br">BR</option>
   <option value="ru">RU</option>
   <option value="oce">OCE</option>
   <option value="kr">KR</option>
</select>

<button id="button">Something</button>

$(document).ready(function() {
   $("#button").click(function() {
      alert($('#region').val());
   });
});

var $region = $('#region');
$region.val([]);//now $('#region').val() return undefined
//exacttext version
region.find('option').filter(function (index, elem) { return $(this).html() === textSearchValue; }).prop("selected",true);
//containstext version
region.find('option').filter(function (index, elem) { return $(this).html().indexOf(textSearchValue)>0; }).prop("selected",true);

$(document).on("change",function(){
  if($("#region").val()!="na"){
    var region=$("#region").val();
    alert(region);
  }
});

if (isset($_POST['name'])) {
    $_SESSION['name'] = $_POST['name'];
    $_POST['region'] = 'na';   // Where I thought the problem persisted
    $_SESSION['region'] = $_POST['region'];
}

if (!isset($_POST['region'])) {
        $_SESSION['name'] = $_POST['name'];
        $_POST['region'] = 'na';
        $_SESSION['region'] = $_POST['region'];
    }