Question

我正在尝试在我的网页上为圣经创建一个下拉列表链接，我是这个新手。我想做的是能够选择或要求用户输入他们想要去的经文，然后点击提交按钮然后将其带到圣经的部分。例如，如果用户输入Mathew 1：2-10，这应该将它们带到圣经经文那一行的那一部分。我该如何开始这样做？是Javascript和Jquery甚至使用正确的脚本或我需要使用其他编程语言？

谢谢。

Answer 1

如果您计划将圣经文本存储在服务器上的数据库中，那么您将需要两种编程语言：一种用于服务器，另一种用于客户端（浏览器）。 JavaScript（有或没有jQuery）对客户来说是一个很好的工具。替代方案可能是ActionScript（Flash）或Java applet，但我不建议使用它们。

在服务器端，它完全取决于服务器的性质。可能最常见的组合是PHP和MySQL，尽管还有很多其他可能性。例如，您可以将数据存储在服务器上的XML文件中，并使用XSLT格式化结果以在客户端上以HTML格式显示。这就是tanach.us（希伯来圣经）采取的方法。

Answer 2

我很想知道这样的任务。是的，它可以做到，但不要只是挥手@Ted他的评论。选择数据库应用程序确实是一个更好的选择。但是，是的，如果你不介意工作并且只是小规模地使用它，就可以创建一个基于javascript的应用程序来为你的页面提供服务。

您可以使用iframe来为您的网页提供服务。通过创建填充第二个选择框的选择框，可以创建可接受的应用程序。页面收集在javascript对象中并提供服务。在这个例子中，使用了w3schools的域名。

var Mathew = {
     verses: ["verse2_1", "verse2_2", "verse2_3"],
     verse2_1: "html/html_iframe.asp",
     verse2_2: "tags/tag_select.asp",
     verse2_3: "jquery/default.asp"
 }

第一个选择框将包含手动编码选项列表

<select name="book" id="book">
    <option value="choose">Please choose</option>
    <option value="Mathew">Mathew</option>
    <option value="John">John</option>
</select>

第二个选项列表会在javascript对象的帮助下自动填充。

function populateSecondSelect(book) {
    if (book == "choose") {
        $("#verses").children().remove();
        $("#verses").append("<option>choose a book first</option>");
        $("button").prop("disabled", true);
        return;
    }

    $("button").prop("disabled", false);
    var obj = eval(book);
    $("#verses").children().remove();
    $(obj.verses).each(function () {
        $("<option/>", {
            name: this,
            id: this,
            value: this,
            text: this
        }).appendTo("#verses");
    });
}

通过第二次选择，可以单击该按钮来提供页面：

function fetchVerse() {
    var book = $("#book").val();
    var verse = $("#verses").val();
    var url = baseUrl + eval(book + "." + verse);
    $("#frame").attr("src", url);
}

整件事情都是小提琴：http://jsfiddle.net/djwave28/nEqeK/4/

这很有趣，但整个圣经的数据库更好..

例如，如何使用Javascript或Jquery为圣经经文创建搜索功能

2 个答案: