表单的jqWidgets组合框值问题

Question

有一个演示Demo link展示了JQWidget jqxcombobox是如何处理表单提交的。但是，如果我们仔细观察演示，我们可以看到，当我们使用鼠标或键盘时，结果会发生变化。

例如，Alfreds Futterkiste是显示成员，值是Maria Anders。当我们使用鼠标点击提交表单时，我们将获得正确的值(Maria Andres)，如果我们使用键盘，我们将获得相同的显示成员值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;
}
}); 

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

谢谢。

Answer 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"];

?>

希望这对某些人有用:)