Question

我是AJAX和Web Services的新手。这是我需要帮助的：我有这样的组合框

<select id="workgroup" class="select-field Required">
<option value="">Select an Option</option>
<option value="ACETestCHAT">Yes</option>
<option value="ACETestCHAT2">No</option>
</select>

以下是需要传递的url的示例格式，其中工作组选项应作为逗号分隔的字符串在url中传递：

http://abc.xyz.com/tuy/yss？的工作组= ACETestCHAT，ACETestCHAT2

要挑选的参数以粗体显示。

以下是预期的JSOn响应示例： { “更新”：5， “状态”： “成功”， “ACETestCHAT”： - 1} 工作组名称将是此处的关键。

如果您需要更多详细信息，请回复。

非常感谢任何帮助或指示!!

Answer 1

尝试使用此代码并根据需要进行修改。

<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style type="text/css">
        </style>
    </head>
    <body>
        <div>http://abc.xyz.com/tuy/yss</div>
        <hr/>
        <select id="workgroup" class="select-field Required">
            <option value="">Select an Option</option>
            <option value="ACETestCHAT">Yes</option>
            <option value="ACETestCHAT2">No</option>
        </select>


        <script type="text/javascript" src="js/JQuery/jquery-2.1.1.js"></script>
        <script type="text/javascript">
            $(function() {
                var string = '';
                // Run through each option tag child of select#workgroup
                $('select#workgroup>option').each(function() {
                    if ('' !== $(this).val()) {
                        // Add value attribute of the current option if not empty
                        // Preceding inserted value by comma if not the first value
                        string += ('' === string ? '' : ',') + $(this).val();
                    }
                });
                // Add parameter name and value to the URL only if value isn't empty
                string = 'http://abc.xyz.com/tuy/yss' + ('' === string ? '' : '?workgroup=' + string);
                $('div').text(string);
            });
        </script>
    </body>
</html>

对Web服务进行AJAX调用，并将所有组合框ID选项作为逗号分隔的字符串传递

1 个答案: