表单的jqWidgets组合框值问题答案

【问题标题】：jqWidgets combobox value issue with form表单的jqWidgets组合框值问题
【发布时间】：2014-11-07 05:48:09
【问题描述】：

有演示 Demo link 展示了 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;
}
});

但是我如何使用上述函数填充隐藏文本框...

谢谢。

【问题讨论】：

标签： php combobox jqwidget jqxwidgets jqxcombobox

【解决方案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"];

?>

希望这对某人有用:)

【讨论】：