1

データ量の多いhtmlでドロップダウンリストを使わずに作成することは可能ですか?

<option>Something</option>

コンテンツごとに。

たとえば、1 ～ 100 の数字のドロップダウン リストを作成したいとします。1 つずつ定義する必要がありますか?

4

4 に答える 4

2

はい、あなたの質問を読んだ後、同じことを試してみました。大量のデータを含む html でドロップダウン リストを作成することは可能です。Jquery を使用してみました。あなたのhtmlでは、idでタグを書くだけです。

<html>
<select id="select"> 

</select>
</html>​

今あなたのJavascriptで（jqueryをインポートすることを忘れないでください）、あなたはただ書く必要があります：

$(document).ready(function() {   
 for(i=1;i<=100;i++)
{
$("#select").append("<option>"+i+"</option>");
}    
});

このようにして、1 から 100 までのドロップダウン リストを簡単に作成できます。

于 2012-06-12T12:13:15.840 に答える
1

マークアップ サーバー側 (PHP などを使用) または JavasScript/jQuery を使用して作成することを検討します。

jQuery の例を次に示します。

var options = [];
for (var n = 1; n <= 100; n++){
    options.push('<option value="' + n + '">' + n + '</option>');      
}
$('<select/>', {
  'id': 'my-select',
  'name': 'my-select',
  html: options.join('')
}).appendTo('body');

フィドル: http://jsfiddle.net/XffwR/1/

もちろん、そのルートに行きたくない場合もあります。その場合は、John Conde が言うように、各オプションに手動で HTML マークアップを追加する必要があります。

于 2012-06-12T11:34:57.337 に答える
1

<select><option>...ドロップダウンインターフェイス コンポーネントを作成する場合、データを配置する義務はありません。これ<select>は標準のデフォルトであり、間違いなく推奨される方法です。ただし、利用可能な他のタグを使用してその動作を模倣できます。

さて、あなたは大量のデータを入れたいと思っていますが、おそらく手動でやりたくないでしょう。HTML には、コンテンツの自動生成を可能にするマークアップ構造がないため、ドロップダウン リストでこれらすべてのオプションを自分で定義する必要があります。また、個別のオプションはすべて、独自のタグ内にある必要があります。

さて、それは退屈な作業ですよね？決して恐れるな！救助へのプログラミング言語。これらのタグは、事前に定義されているか、いくつかのパラメーターに従って生成されているか、または単にランダムであるかにかかわらず、いくつかのデータに基づいて自動的に作成できます。

質問が<option>jQuery でタグを作成することに関するものであると誰もが想定した理由はわかりません...他にも多くのオプションが利用可能です。

  1. サーバー側生成: サーバーで PHP、Python、またはその他の言語を使用している場合は、サーバー<select>上で構造を構築し、それを html に挿入してユーザーに提示できます。データが静的な場合 - サーバーとネットワークの負荷を軽減するキャッシュの利点があります。

  2. クライアント側の生成: JavaScript を使用して、ページの読み込み中 (またはユーザーの要求時) にこれらのオプションを作成できます。もちろん、プロセスを容易にする JavaScript フレームワークを使用したい場合は、jQuery、Prototype、Zepto など、ページに含めたいものは何でも使用できます。

質問にはあまり情報がないため、ここではコードを表示していません。たとえば、事前定義されたデータからドロップダウンを作成しますか。はいの場合、どこにどのような形で保管されると思いますか? 静的か動的か？などなどなど

質問をより詳細に更新すると、より多くの情報で回答を更新できます。ありがとう。

于 2012-06-13T07:55:20.003 に答える
0

<option>はい、独自のタグでそれぞれを定義する必要があります。

于 2012-06-12T11:33:48.163 に答える