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>

回声.php

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

?>

希望这对某人有用:)

于 2014-11-08T17:47:16.107 回答