2009-05-18 5 views
1

CSV形式の文字列を返すと、入力ボックスの値をSELECTボックスの値で設定します。jQuery残りのOPTION値をCSV形式で取得する

$ .MAP($( '#のaddedchargeamtidオプション')、 機能(E){VARのEXP = $(E)は.text();警告(EXP);})

マップ機能を使用しているが、毎回値を上書きするように見える。何とかこれらを一緒に連結する方法を理解することはできません。

今日、すべてのjQuery Gurusに感謝、私の問題の多くの小道具!!!

UPDATING:

<option value="123">123</option> 
<option value="asd">asd</option> 
<option value="trr">trr</option> 
<option value="345">345</option> 

私はこの必要があります:ASD、TRR、345

しかし、オプションは動的であり、追加または削除することができ、これがあるかもしれません、

123 1または100

NEW:

これはちょっと働いています。私はそれを一度追加したときに同じアイテムの4つのオプションを私に与えます。また、CSV値を選択する上で使用される$ .val()関数は、選択された値のリストを返すこと

// Add remove button 
$('#addButton').click(function() { 
    $('#removeButton').show(); 

    // Add 
    var myOptions = $('#typedchargeamtid').val(); 
    $.each(myOptions, function() { 
     $('#addedchargeamtid').append(
     $('<option></option>').val(myOptions).html(myOptions) 
    ); 
    }); 

    var txt = $('#addedchargeamtid').val() || []; 
     $('#commasepchargeamtid').val(txt.join(',')); 
    }); 

おかげで再び

+0

をドロップダウンリスト?それぞれの値をカンマで区切っていますか? – TStamper

+0

はい。これは私の他の質問の2番目の部分です。 http://stackoverflow.com/questions/879842/jquery-enable-disable-show-hide-button-w-select-options-get-remaining-option-va –

+0

私はあなたがそれをeach()メソッドを呼び出して各値を別々に保存しますが、それが動作するかどうかは分かりません – TStamper

答えて

6

:そう何がしたいことから値が取り込まテキストボックスである

var options = Array(); 
    $('#addedchargeamtid option').each(function(index){ 
     options[index] = $(this).val(); 
    }); 

    $('#commasepchargeamtid').val(options.join(',')); 
+0

これを組み込んでも動作しないようにしようとしています –

+0

答えのコードをテストしました。あなたはそれについて働いていないことを説明できますか? –

+0

私のコードをリファクタリングした後で、これはうまくいってくれました:) –

0

jQueryのdocumentation状態を隠しテキストフィールドを更新しません。 array.joinでそれを単に使うだけで、あなたが探しているものが達成できるはずです。

あなたが代わりにマップの各使用することができます
var txt = $('#addedchargeamtid option').val() || []; 
$('#myinputbox').val(txt.join(',')); 

それともarray.reduce機能はJavascript 1.8

であり
var txt = $('#addedchargeamtid option').val() || []; 
$('#myinputbox').val(txt.reduce(
    function(prev, next, index, array){ 
     return prev + "," + next; 
    }, 
    '') 
); 
+0

thnxコードにいくつかの変更を加えましたが、まだ動作していません –

関連する問題