2016-08-28 154 views
0

htmlで作成したSweetalert2を使用して複数の入力から値を取得しようとしています。Sweetaleart2での入力の複数タイプ

swal({ 
     type: 'question', 
     title: 'Confirm recipient details', 
     html: '<p style="color:#C00; padding-bottom:0px; margin-bottom:0px"> 
      Cloud only terms and conditions</p> 
      <div class="swal_input_wrapper"> 
      <div class="label_wrapper">Email: </div> 
       <input id="swal-input1" style="width:75%" class="swal2-input" autofocus><br/> 
      <div class="label_wrapper">Recipient: </div> 
       <input id="swal-input2" style="width:75%" class="swal2-input"></div><br/> 
      <div class="label_wrapper">Message: </div> 
       <textarea id="swal-input3" style="width:75%" class="swal2-textarea"></textarea> 
      </div>', 
       preConfirm: function() { 
        return new Promise(function(resolve) { 
         resolve([ 
          $('#swal-input1').val(), 
          $('#swal-input2').val(), 
          $('#swal-input3').text() 
         ]); 
        }); 
       } 
     }).then(function(result) { 
      //values from inputs (results is an array) 
      email = result[0]; 
      email_name = result[1]; 
      email_message = result[2]; 
      alert(email_name); 
    }).done(); 

テスト私は部品を追加したとして出力し、すべての作品を私が追加されるまで「email_message =結果[2];」これはテキストエリアの価値を解決できないことを示唆しています。私はそれがエラーなしで停止し、私は警告(email_name)は、その後が、働くことの行を追加します。時点まで

...ない成功を持つすべての、テキストエリアからテキストを取得するには、以下のものを使用して
$('#swal-input3').text() 
$('#swal-input3').val() 
$('#swal-input3').html() 

を試したりしています私が見つけることができる警告。

上記のhtml部分にスクリプトに改行がないことに注意してください。ここにコードセクションがワードラップをサポートしていないため、コードを読みやすくするために追加しました。うまく

答えて

1

$('#swal-input3').val()作品:[JSFIDDLE]

.val()あなたがテキストエリアのフィールドの値を取得するために必要なものです。

関連する問題