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;

在Body

中

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

?>

希望这对某人有用：）

jqWidgets组合框的值组合问题

1 个答案: