Javascript 使用用户输入加载

是否可以将.load文本与用户可以使用表单输入或类似方式编辑的文本交换？基本上，我正在尝试编写一个代码，使用每个emp唯一的div id获取信息，这些div id将信息保存在多个HTML文档的表中多年

例如：

.load('day.html #empId')

可以在用户端更改.load的日期和empid部分

[链接][ID]提交

然后它运行脚本的其余部分

我试图调整的脚本部分：

            $('a').click(function() {
                $('#metrics').load('day.html #empId', function() {
                    $(this).hide()
                            .appendTo('#main')
                            .slideDown(500);
                    });

                    return false;
            })
        });

---

我不确定我是否对jquery解释得很清楚，这对jquery来说是一个全新的概念。获取两个表单选择元素的所选选项，组合成字符串并将它们插入jquery.load函数

$('a').click(function() {
    var ds = $('#datasources option:selected').text();
    var empId = $('#empIds option:selected').text();
    $('#metrics').load(ds + '.html #' + empId, function() {
        $(this).hide()
        .appendTo('#main')
        .slideDown(500);
    });

    return false;
});

以及受影响的HTML：

<div id="main">
        <h1 id="metrics">Metrics</h1>
</div>

---

JSFIDLE：打开控制台查看发生了什么。这将给出一个错误，因为加载在JSFIDLE上不起作用，但您可以看到它发送了正确的参数。

修复了它！！！！！！我敢肯定这是一个糟糕的做法，但它得到了这份工作，并用多个文档和ID来衡量它。如果有人有更好的建议，我洗耳恭听

我知道它非常简单，但是这里有一些代码，以防其他人想做类似的事情

我放回$，以便在附加到main的新div标记中打开它

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(function () {

$('a').click(function() {
var pD = $('#period').val();
var wD = $('#week').val();
var dD = $('#day').val();
var eD = $('#empId').val();
    $('<div id"metrics" />').load(
              pD
            + wD
            + dD    
            + eD, function(){
        $(this).hide()
                .appendTo('#main')
                .slideDown(1000);
    });

});

});
</script>

---

我仍然有很多事情要做，比如让emp id从一个单独的html动态和可编辑，但这是有趣的部分，我知道如何哈哈。有谁感谢一百万帮助这个新来的@bloodyKnuckles

也许是一个复制品？将变量传递到jquery加载函数语法对不起，这是我的末尾代码中的一个错误更新了代码。我能够得到正确提取信息的流程，它只是让某人可以更改id标记的位置和通过提交功能提取的信息的位置（第一个和第二个参数）。用户选择数据库html文档的名称，并在数据库中指定其id JXR1111，这也是每个数据库中div元素的名称，单击按钮，然后信息显示在main中。忽略第一个和第二个参数部分，我误读了。是的，这正是我对迟来的答复所担心的。我已经厌倦了使用var，但是没有加载值。在本例中，我试图让它链接到一个名为p05w01d01.html div id jxs0001的文档，使用选项：select variables来选择它。因此，我应用了您的更改，并将其剥离到基本要素$.loadpD+'.html'+empId，function和var pD='period'.val；1我必须错过一些简单的东西，我指的是“指标”，我指的是部门ID我的错，但是的，我知道。此外，我还测试了html文档，它们的性能很好。

<form>
<select class="dates" id="period">
    <option value="p00"class="emp">Period</option>
    <option value="p01">1</option>
    <option value="p02">2</option>
    <option value="p03">3</option>
    <option value="p04">4</option>
    <option value="p05">5</option>
    <option value="p06">6</option>
    <option value="p07">7</option>
    <option value="p08">8</option>
    <option value="p09">9</option>
    <option value="p10">10</option>
    <option value="p11">11</option>
    <option value="p12">12</option>
    <option value="p13">13</option>
    <option value="p14">14</option>
</select>
 <select class="dates" id="week">
    <option Value="w00"class="emp">Week</option>
    <option value="w01">1</option>
    <option value="w02">2</option>
    <option value="w03">3</option>
    <option value="w04">4</option>
    <option value="w05">5</option>
    <option value="w06">6</option>
</select>
 <select class="dates" id="day">
    <option value="d00"class="emp">Select Day or Leave Blank for Week</option>
    <option value="d01">1</option>
    <option value="d02">2</option>
    <option value="d03">3</option>
    <option value="d04">4</option>
    <option value="d05">5</option>
    <option value="d06">6</option>
    <option value="d07">7</option>
</select>
<select id="empId">
 <option class="emp">Employee ID</option>
 <option value=".html #JXS0001">John Smith</option>
</select>

<a href="#">Load Metrics</a>
</form>

</div>

<div id="main">
<h1>Metrics</h1>

</div>