4

私は即興jqueryプラグインを使用しています。「html」オプションの下に html を挿入するオプションがありますが、php から取得した値の配列を設定する必要があります。挿入できません。

私が欲しいのは、php変数にある値を選択ボックスに入力することです。私が試した：

JSFIDDLE

var statesdemo = {
    state0: {
        title: 'Terms of Use',
        html:'<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF"><tr><td><strong>Data1</strong></td><td>:</td><td id=\'Data1\'>   <select name=\'Data1\' id=\'cart_wonid\' class=\'Data1\'><?php echo $options;?> </select></td></tr></table>',
        buttons: { Cancel: false, Agree: true },
        focus: 1,
        submit:function(e,v,m,f){
            if(v){
                e.preventDefault();
                $.prompt.goToState('state1', true);
                return false;
            }
            $.prompt.close();
        }
    },

更新 1:

1-主なアイデアは、ポップアップ内のドロップダウンリストです。
2- サーバー側 ( php ) で作成した mysql クエリからドロップダウン リスト データを取得したい。したがって、このポップアップがなければ、@tomloprod が提案したアイデアは完全に機能します。ポップアップに戻って、次のような html コンテンツを追加できます 

 html : '< table > < /table > '

しかし、私はその中にphp変数を挿入したい 

html : '< table > < ?php $myvariable ?> < /table >'
4

2 に答える 2

3

方法 1: 使用json_encode(推奨)

次のように、php 配列を JavaScript 配列に追加できます。

var javascript_Array = <?php json_encode($php_Array); ?>;

方法 2: の要素php arrayをselect直接挿入する

PHP の配列で直接実行してみてください。それをJSに渡す必要があるとは本当に思いません...

<select name="data1" id="cart_wonid" class="Data1">
  <?php
     $len = count($options);
     for($c=0;$c<$len;$c++){
        echo '<option value="'.$options[$c].'">$options[$c]</option>';
     }
  ?>
</select>

方法 3: の要素を入れjavascript arrayますselect

HTML:

<select name="data1" id="cart_wonid" class="Data1"> </select>

Javascript:

// Define the array
var javascript_Array = []; 

// Push elements
javascript_Array.push("Hi");
javascript_Array.push("Bye");

// Get the select with id cart_woneid
var sel = document.getElementById('cart_wonid');

// Fill the "select" with the elements of array
var i, len = javascript_Array.length;

for(i = 0; i < len; i++) {
    var opt = document.createElement('option');
    opt.innerHTML = javascript_Array[i];
    opt.value = javascript_Array[i];
    sel.appendChild(opt);
}

JSFiddle: http://jsfiddle.net/1dpud00v/

于 2014-12-24T14:02:21.053 に答える