javascript-ajax呼び出しを介して選択オプションを返すフォームがありますが、保存すると投稿値が表示されません

Question

0 レビュー

2 回答

javascript-ajax呼び出しを介して選択オプションを返すフォームがありますが、保存すると投稿値が表示されません

次のフォームがあります

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Populate City Dropdown Using jQuery Ajax</title>
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("select.countr").change(function(){
        var selectedCountry = $(".countr option:selected").val();
        $.ajax({
            type: "POST",
            url: "countries.php",
            data: { country : selectedCountry } 
        }).done(function(data){
            $("#response").html(data);
        });
    });
});
</script>
</head>
<body>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">
    <table>
        <tr>
            <td>
                <label>Country:</label>
                <select class="countr">
                    <option>Select</option>
                    <option value="usa">United States</option>
                    <option value="india">India</option>
                    <option value="uk">United Kingdom</option>
                </select>
            </td>
           <td id="response">
                <select class="response">
                    
                   
                </select>
            </td>
        </tr>
    </table>
    <input type="submit" name="submit">
</form>
</body> 
</html>


      
       2022-04-20
     
     
       わからない
     
  
    0 レビュー
    
        	       答え :		解決策：   1番目： selectのname属性がありませんタグ


 echo "";
        foreach（$ countryArr [$ country] as $ value）{
            エコー"<オプション>"。 ${-コード-5}。 "";
        }
        エコー"";
    }
 

 テスト1： done(function(data){ console.log(data); }); このコードを入力し、ajaxが data or not       

     
       答えへのリンク
      
       2022-04-20
     
     
       わからない
     
  
	        
	          
    0 レビュー
    
        	       答え :		解決策： このコードを確認できますか：

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Populate City Dropdown Using jQuery Ajax</title>
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("select.countr").change(function(){
        var selectedCountry = $(".countr option:selected").val();
        $.ajax({
            type: "POST",
            url: "countries.php",
            data: { country : selectedCountry } 
        }).done(function(data){
            $("#response").html(data);
        });
    });
});
</script>
</head>
<body>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">
    <table>
        <tr>
            <td>
                <label>Country:</label>
                <select class="countr" name="country">
                    <option>Select</option>
                    <option value="usa">United States</option>
                    <option value="india">India</option>
                    <option value="uk">United Kingdom</option>
                </select>
            </td>
           <td id="response">
                <select class="response">


                </select>
            </td>
        </tr>
    </table>
    <input type="submit" name="submit">
</form>
</body> 
</html>


<?php 
if(isset($_POST['submit']))
{
    echo $_POST['country']."<br>"; 
    echo $_POST['city'];
}
?>
 

  countrys.php  

 <?php
     if(isset($_POST["country"])){
    // Capture selected country
    $country = $_POST["country"];
    //var_dump($country);

    // Define country and city array
    $countryArr = array(
                    "usa" => array("New York", "Los Angeles", "California"),
                    "india" => array("Mumbai", "New Delhi", "Bangalore"),
                    "uk" => array("London", "Manchester", "Liverpool")
                );

    // Display city dropdown based on country name
    //if($country !== 'Select'){
        echo "<label>City:</label>";
        echo "<select name='city'>";
        foreach($countryArr[$country] as $value){
            echo "<option>". $value . "</option>";
        }
        echo "</select>";
   // } 
}


?>
 

このコードは私にとっては簡単にコピーして貼り付けることができます

この出力を見てください：

         

     
       答えへのリンク
      
       2022-04-20
     
     
       わからない
     
  
	        
	        





同様の質問
私たちのウェブサイトで同様の質問で答えを見つけてください。 
    
            
    
     htmlbutton-フォームボタンを送信しても出力が表示されないPHPの電子メールコードで結果が得られない以下のコードを参照してください  
              
            
    
     javascript-ajaxからGoogleチャートを機能させることができず、配列を取得せず、データを直接エコーすると機能します  
              
            
    
     AJAXによって返されるJavaScriptが機能していません。 JavaScriptを使用する方法は？  
              
            
    
     php-API呼び出しを実行しているユーザーのプラットフォームを特定します  
              
            
    
     javascript-非表示フィールドで区切られたパイプとして選択値のリストを取得し、送信します  
              
            
    
     javascript-ajaxを使用してフォームPHPを送信する  
              
            
    
     javascript-wordpressmoveFormが2回目のクリックで機能しない  
              
            
    
     ドロップダウンがMySqlから入力されたときに、AjaxScripがphpファイルからの結果を表示しない  
              
            
    
     php-prestashopを使用してDhlモジュールで選択したアドレスに配達する運送業者はありません  
              
            
    
     javascript-アノテーションに基づくSymfony2jsの検証

わからない · Answer 1 · 2022-04-20

答え :

解決策：

1番目： selectのname属性がありませんタグ

echo ""; foreach（$ countryArr [$ country] as $ value）{ エコー"<オプション>"。 ${-コード-5}。 ""; } エコー""; } テスト1： done(function(data){ console.log(data); }); このコードを入力し、ajaxが data or not

わからない · Answer 2 · 2022-04-20

答え :

解決策：

このコードを確認できますか：

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Populate City Dropdown Using jQuery Ajax</title>
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("select.countr").change(function(){
        var selectedCountry = $(".countr option:selected").val();
        $.ajax({
            type: "POST",
            url: "countries.php",
            data: { country : selectedCountry } 
        }).done(function(data){
            $("#response").html(data);
        });
    });
});
</script>
</head>
<body>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">
    <table>
        <tr>
            <td>
                <label>Country:</label>
                <select class="countr" name="country">
                    <option>Select</option>
                    <option value="usa">United States</option>
                    <option value="india">India</option>
                    <option value="uk">United Kingdom</option>
                </select>
            </td>
           <td id="response">
                <select class="response">


                </select>
            </td>
        </tr>
    </table>
    <input type="submit" name="submit">
</form>
</body> 
</html>


<?php 
if(isset($_POST['submit']))
{
    echo $_POST['country']."<br>"; 
    echo $_POST['city'];
}
?>
 

  countrys.php  

 <?php
     if(isset($_POST["country"])){
    // Capture selected country
    $country = $_POST["country"];
    //var_dump($country);

    // Define country and city array
    $countryArr = array(
                    "usa" => array("New York", "Los Angeles", "California"),
                    "india" => array("Mumbai", "New Delhi", "Bangalore"),
                    "uk" => array("London", "Manchester", "Liverpool")
                );

    // Display city dropdown based on country name
    //if($country !== 'Select'){
        echo "<label>City:</label>";
        echo "<select name='city'>";
        foreach($countryArr[$country] as $value){
            echo "<option>". $value . "</option>";
        }
        echo "</select>";
   // } 
}


?>
 

このコードは私にとっては簡単にコピーして貼り付けることができます

この出力を見てください：