2012-02-15 2 views
-2

可能性の重複:
transfer data from javascript popup multiline textbox to a select controlコピーテキストはjqueryの/ JavaScriptでリスト・ボックスする

私はテキストエリアから、その可能テキスト(行につき1つ)をコピーするかどうかを知りたいですforeachループを使ってリストボックスに移動します。 私は、テキストエリアからすべてのレコードを入れたいポップアップとリストボックスにテキストエリアを持っています。 詳細は画像を参照してください。 enter image description here おかげさまで、ありがとうございました。ありがとう、Laziale

+0

説明は少し違うかもしれませんが、誰かが私を助けてくれるかもしれません。ありがとう – Laziale

+0

私は他の質問とは異なる何も見ません。次回は元の質問を更新します。ありがとう。 – Kev

答えて

2
function BuildDropdownFromTextarea() { 
    var lines = $('#yourTextArea').val().split('\n'); 

    $.each(lines, function(index,value){ 
     $('#yourDropdownList').append($("<option></option>").attr('value', value).text(value)); 
    }); 
} 

ボタンをクリックしてリストを作成するとしましょう。あなたのボタンのいくつかのサンプルマークアップは次のようになります。

<input type="submit" onclick="BuildDropdownFromTextarea()" /> 
+0

@Laziale - このコードはコメントに属していません。あなたの質問の一部として投稿してください。あなたに質問に答えるために、私の答えの編集を見てください。 –

+0

thx、魅力のように動作します。私が知りたいもう一つのことは、ユーザーが「送信」ボタンをクリックしてデータがリストボックスに挿入されたら、jquery UIダイアログを自動的に閉じることです。 divのIDは 'dialog'です。それが可能だと思いますか?あなたの助けを借りて100万。 – Laziale

+0

@Laziale - ドキュメントを一読しましたか? http://jqueryui.com/demos/dialog/。ダイアログを閉じる方法を説明します。 –

0

あなたがテキストエリアの値にsplit('\n')を行うと、選択ボックス移入するために、配列を使用することができます。

var text = $("#textareaId").val(); 
text.split('\n'); 

var selectElement = $("#selectElementId"); 
selectElement.find("option,optiongroup").remove(); // clear select box 

foreach(var line in text) { 
    selectElement.append("<option value=\"" + line + "\">" + line + "</option>"); 
} 

最速と読みやすいし。

関連する問題