0

JQWidget jqxcombobox がフォーム送信でどのように機能するかを示すデモデモ リンクがあります。しかし、デモをよく見ると、マウスまたはキーボードを使用すると結果が変化することがわかります。

たとえば、Alfreds Futterkiste は表示メンバーで、値は Maria Anders です。マウス クリックを使用してフォームを送信すると、正しい値 (Maria Andres) が取得されます。キーボードを使用すると、同じ Display-member 値 Alfreds Futterkiste が取得されます。

以下のコードで非表示のテキストボックスを追加できれば、うまくいくと思います。次のタイプで変更にバインドします: jqxComboBox。

$('#jqxComboBox').on('change', function (event) 
{
    var args = event.args;
    if (args) {
    // index represents the item's index.                          
    var index = args.index;
    var item = args.item;
    // get item's label and value.
    var label = item.label;
    var value = item.value;
}
});

しかし、上記の関数を非表示のテキスト ボックスに入力する方法は...

ありがとう。

4

1 に答える 1

1

私は自分で答えを見つけました:)

これに対する小さな解決策を見つけました.... 1. コンボボックスの値を格納する隠しフィールドを作成します。 2. event.args.item.value を使用して、隠しフィールドの値を変更します。

// trigger the select event.
                $("#combobox").on('select', function (event) {
                var elem = document.getElementById("mytext");
elem.value = event.args.item.value;

体内

 <form class="form" id="form" target="form-iframe"  method="post" action="echo.php" style="font-size: 13px; font-family: Verdana; width: 650px;">        
 <div name="list" id="combobox">
 <input name="productvalue" type="hidden" id="mytext">
  <input style="margin-top: 10px;" type="submit" value="Submit" id="sendButton" /> 
  </form>

echo.php

<?php
        echo "Wrong Data =";
    echo $_POST["list"];
    echo "<br />";
    echo "Value through hidden feild =";
    echo $_POST["productvalue"];

?>

これが誰かのために働くことを願っています:)

于 2014-11-08T17:47:16.107 に答える