0

誰でもこれについて私を助けてもらえますか? 私は多くの方法でこれをやろうとしましたが、できませんでした。

基本的に、私の Web ページには、1 つのドロップダウン ボックス (国) と 1 つのオートコンプリート リスト (州) があります。国ドロップダウン ボックスには、2 つの値 (「インド」と「米国」) があります。また、州のオートコンプリート リストには 6 つの値 ("Delhi"、"Assam"、"Tamil Nadu"、"Alabama"、"Alaska"、"Florida") が含まれています。ここに私の要件があります。たとえば、ユーザーが国のテキスト ボックスで「インド」を選択した場合、 インドの州 (「デリー」、「アッサム」、「タミル ナードゥ」) のみが表示され、選択できるようにする必要があります。オートコンプリート リスト に表示され、米国の州はユーザーに表示されません。 同様に、ユーザーが国のドロップダウン テキスト ボックスで米国を選択すると、

サンプルコードで私を助けてください.....

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>demo</title>
        <link rel="stylesheet" href="jquery-ui.css" />
        <script src="jquery-1.9.1.js"></script>
        <script src="jquery-ui.js"></script>

        <script>
          $(function() {
            var collegetypes = [
              "Delhi",
              "Assam",
              "Tamil Nadu",
              "Alabama",
              "Alaska",
              "Florida"
            ];
            $( "#istate" ).autocomplete({
              source: collegetypes
            });
          });
      </script>
    </head>
    <body>
    <?php
        $country = ( !empty( $_REQUEST['COUNTRY'] ) ? $_REQUEST['COUNTRY'] : null );
        $state = ( !empty( $_REQUEST['STATE'] ) ? $_REQUEST['STATE'] : null );

    ?>
        Ajax load<BR>
            <form id="myForm" action='test1.php' method='GET' rel="history">
                Country <BR>
                <select name="COUNTRY"  value="<?=$country;?>">
                <option value="India" <?= ($country === 'India' ? 'selected="selected"' : '')?> >India</option>
                <option value="US" <?= ($country === 'US' ? 'selected="selected"' : '')?> >US</option>
                </select><BR> <BR>
                State <BR>
                <input type="text" name="STATE" id="istate" value="<?=$state;?>"> <BR> <BR>
                <input id="sub" type="submit" value="Search" align="centre"/>
            </form>

            <!--other part of code!-->
    </body> 
</html>
4

1 に答える 1

0

これを試して：

HTML

<form id="myForm" action='test1.php' method='GET' rel="history">
    Country <BR>
    <select name="COUNTRY"  id="country" >
    <option value="India" >India</option>
    <option value="US">US</option>
    </select><BR> <BR>
    State <BR>
    <input type="text" name="STATE" id="istate" value=""> <BR> <BR>
    <input id="sub" type="submit" value="Search" align="centre"/>
</form>

JS

$(function() {
    var collegetypesIndia = [
        "Delhi",
        "Assam",
        "Tamil Nadu"
    ];
    var collegetypesUS = [

        "Alabama",
        "Alaska",
        "Florida"
    ];
    $('#country').change(function(){
        if( $('#country').val() == 'India' )
        {
            $( "#istate" ).autocomplete({'source':collegetypesIndia});
        }
        else
        {
            $( "#istate" ).autocomplete({'source':collegetypesUS});
        }
    }); 
    $('#country').change();   
});

http://jsfiddle.net/GM6Fk/1/でチェックしてください。

于 2013-08-02T07:34:00.197 に答える