2016-06-13 3 views
0

私は大きな問題に直面しています。それは午前2時45分です。午後6時からアイデアやサンプルを探しています。javascriptの返品配列で選択ボックスを入力

私はこのjs関数を呼び出すことができますが、私はそれをAT ALLで動作させることができます。

アイデアはあなたの都市名を入力し、選択ボックスに候補を表示します。選択ボックスから都市の1つをクリックし、この情報をフォームフィールドに戻すことができます。

2つのファイルがありますのindex.php(JS関数のShowHintや提案などの都市をロードするために別の.PHPファイルを呼び出す形)

コードがwww.bfamily.net

で見ることができます私はどんな助けでも非常に偉大なものになるでしょう。

よろしく、

+5

コードを投稿してください – Roysh

+0

FYI:選択ボックスに配列を追加することはできましたが、今はそれぞれの項目が別々の選択ボックスに表示されるようになっていますが、もちろん間違っています。単一の選択ボックス。 –

+0

あなたは今まで何をしたのか、あなたのコードは何ですか? –

答えて

0

が、これは

if (filter_var($q, FILTER_SANITIZE_STRING) || !filter_var($q, FILTER_SANITIZE_STRING) === false) { 
     if ($q !== "") { 
      $str = "<select name='suggestion'>"; 
      $q = strtolower($q); 
      $len=strlen($q); 
      foreach($zipArray as $name) { 
       if (stristr($q, substr($name, 0, $len))) { 
        if ($hint === "") { 
         $hint = $name.'<br/>'; 
        } else { 
         $hint .= "$name".'<br/>'; 
        } 
        $suggestion[] = $name; 
        $str .= "<option value='".$name."'>".$name."</option>";     
       } 
      } 
      $str .= "</select>"; 
      if(count($suggestion) > 0) echo $str 
     } 
    } 


参考になっなりかもしれないが、私は良い方法は、あなたのhtml内の非表示選択ボックスを持っているし、その後、JSON「提案」のリストを送信することだと思います.phpから.jsファイルにAjaxをコピーして、selectBoxに適切なオプションを追加して表示させます。

+0

あなたが言うことは完全に意味がありますが、残念ながら私はこのレベルにはいません。私はまだそれをやる方法を知らない。まだ多くのことを学ぶ必要があります。 –

+0

私たち全員のために絶対に$ strを使用すると役に立つかもしれません。 @ロベルトバロス – nayeri

+0

ねえ、あなたに助けてくれてありがとう。選択ボックスは想定通りに動作します。入力フィールドに選択範囲を入力する方法を理解する必要があります。あなたは私のbfamily.net –

0

イベントをに追加します私たちのselectは値

function(inputName, event) { 
    document.getElementByName(inputName)[0].value = event.target.selectedOptions[0].value; 
} 

を設定するしかし、私はあなたが上でそのような何かをrecomandあなたinputs

<input type="text" name="zipCode1" onkeyup="showHint(this.value)" size="20" value="" style="text-transform:uppercase" list="suggestion"> 
<datalist id="suggestion"> 
    <option>Houston, TX 77070</option> 
    <option>Cypress, TX 77433</option> 
    <option>Cypress, TX 77429</option> 
</datalist> 

ページの負荷にまたはでPHPdatalistを生成することができますいずれかもちろん、 AJAXリクエスト。

関連する問題