使用loopj.com的jQuery tokeninput

我可以選擇從JSON格式的.jsp文件發送的多個選項。但是，當我想要提交/訪問文本輸入元素「tokenize」中的值時，我得到一個未定義的輸出。我是java腳本的新手，所以觸摸什麼和不觸摸什麼。使用loopj.com的jQuery tokeninput

問：有人可以提供/指向我一些關於如何最早實現這一點的細節?? 下面有什麼遺漏嗎？

日Thnx提前，阿迪亞

注： body標籤得到了拆分成一個獨立的代碼塊。請不要混淆。

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="css/jquery.autocomplete.css" /> 
<script src="http://www.google.com/jsapi"> </script> 
<script> 
    google.load("jquery", "1"); 
</script> 
<script type="text/javascript" src="js/jquery.autocomplete.js"></script> 

    <script type="text/javascript" src="js/jquery.tokeninput.js"></script> 
    <link rel="stylesheet" href="css/token-input.css" type="text/css" /> 
    <link rel="stylesheet" href="css/token-input-facebook.css" type="text/css" /> 

    <style> 
     input { 
      font-size: 120%; 
     } 
    </style> 
    <script type="text/javascript"> 
     function showList() 
     { 
      t = document.getElementById('tokenize').valueOf(); 
      alert(t); //DISPLAYS 'undefined' <- LOOK HERE 
     } 
    </script>

<h1>Jquery Tokenizing Autocomplete Input</h1> 

<form name="myForm"> 
    <div> 
     <h2>List style</h2> 
     <input type="text" id="tokenize" name="blah"/> <br> 
     <input type="submit" value="Parse" onClick="showList()"/> 
    </div> 
    <div> 
     <h2>Facebook style</h2> 
     <input type="text" id="tokenize2" name="blah2" /> 
    </div> 
</form> 

<!-- <script type="text/javascript"> 
    $("#country").autocomplete("getData.jsp", 
    {'multiple': true, 'multipleSeparator': ','}); 
</script> --> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#tokenize").tokenInput("getData.jsp", { 
     hintText: "Type in the names of your favorite TV shows", 
     noResultsText: "No results", 
     searchingText: "Searching..." 
    }); 

    $("#tokenize2").tokenInput("getData.jsp", { 
     classes: { 
      tokenList: "token-input-list-facebook", 
      token: "token-input-token-facebook", 
      tokenDelete: "token-input-delete-token-facebook", 
      selectedToken: "token-input-selected-token-facebook", 
      highlightedToken: "token-input-highlighted-token-facebook", 
      dropdown: "token-input-dropdown-facebook", 
      dropdownItem: "token-input-dropdown-item-facebook", 
      dropdownItem2: "token-input-dropdown-item2-facebook", 
      selectedDropdownItem: "token-input-selected-dropdown-item-facebook", 
      inputToken: "token-input-input-token-facebook" 
     } 
    }); 
}); 
</script>

來源

2011-01-07 Aditya369

<script type="text/javascript"> 
    function showList() 
    { 
     //INSTEAD OF: t = document.getElementById('tokenize').valueOf(); 
     var t = $('#tokenize').val(); 
     alert(t); 
    } 
</script>

來源

2011-01-11 02:41:08 lukiffer

是啊！謝謝lukiffer！我現在能夠做到。需要做兩件事情：1.需要用包含.js文件的POST替換GET。 2.是的，使用「.val（）」。你會得到答案。再次感謝！！ – Aditya369 2011-01-11 10:47:19

相反的：

var t = document.getElementById('tokenize').valueOf()

使用

var t = document.getElementById('tokenize').value;

來源

2015-03-18 10:48:39

使用loopj.com的jQuery tokeninput

回答

相關問題