匹配输入值和数组

Question

我对匹配输入值和数组感到困惑。

我有一个输入框，可以输入作者姓名：

<b>Author's name:</b> 
<input type="text"  name="authorName">

一共有三个作者，我把他们放在一个数组里：

var authorName =["a","b","c"];

下拉列表中有三本书与这些作者相匹配：

<b>Select Book:</b>
<select name="selectBook" id="bookName">
<option value="" selected="selected">-</option>
<option id="bookA"value="q">My Decade In The Premier League</option>
<option id="bookB"value="r">Harry Potter</option>
<option id="bookC"value="s">Twilight</option>
</select>

这里是一个文本区域，用于显示书籍的信息；

如果用户输入“a”并选择下拉列表“q”，则给出信息“x”；

如果用户输入“b”并选择下拉列表“r”，则给出信息“y”；

如果用户输入“c”并选择下拉列表“s”，则给出信息“z”；

<br>
<input type="button" value="RETRIEVE">
<br> 
<textarea name="infoBox"></textarea>

如果输入的名字不在数组中或与书名不匹配。

textarea 框会输出"author name is incorrect!"

我不知道该怎么做。

Answer 1

我认为这就是您要寻找的。提交答案后，它会检查该值是否在您的数组中以及它是否与书籍描述相匹配。然后返回是或否

var authorName =["a","b","c"];

$("#retrieve").click(function(){

  var selectedAuthor = $(".author-name").val();
  var selectedBook = $("#bookName").children(":selected").attr("id");;

  if( ($.inArray(selectedAuthor, authorName) > -1) && (selectedBook == "book-"+selectedAuthor) ) {

    $("#results").val("YEP ITS A MATCH");
  }else{
    $("#results").val("SORRY, NO MATCH");

  }

});

FIDDLE

更新

显示选定的书：

NEW FIDDLE

新更新 为书籍信息添加了一个单独的数组：

NEW FIDDLE 2

Answer 2

下面的代码应该可以工作

          $(document).ready(function () {

        $("#RETRIEVE").click(
            function () {
                retrieve();
            }            
        );
    });

function retrieve() {
    var authorName =["a","b","c"];
    var text = $('#authorName').val();
    var drop= $('#bookName :selected').text();
  if ((authorName.indexOf(text) != -1) && $("#bookName").get(0).selectedIndex-1== $.inArray(text,authorName))

        $('#infoBox').val(drop);

    else        
       $('#infoBox').val("Incorrect name");


}

上面的 Jsfiddle 是http://jsfiddle.net/yzqqr8ws/