0
は[申し訳ありませんが、英語での私の悪いために]私が知りたいのですが名前を表示する方法とJQuery UIオートコンプリートでIDを取得するには?
、どのように私はjQueryのUIオートコンプリートを使用して、オブジェクトの配列からIDを得ることができます。
名前が表示されます。しかし、私は送信ボタンをクリックすると、私はIDを取得したい。
これはこれまで私が試みてきたことです。今私は入力の名前はどちらかの結果のdivに表示されません送信ボタンをクリックしたときに、参照として
var cities = [
{
id: 1,
name: "New York"
},
{
id: 2,
name: "London"
},
{
id: 3,
name: "Jakarta"
},
{
id: 4,
name: "Sidney"
},
{
id: 5,
name: "New Delhi"
},
{
id: 6,
name: "Tokyo"
},
{
id: 7,
name: "Madrid"
}
];
var city_name = [];
for (var i = 0; i < cities.length; i++) {
city_name.push(cities[i].name);
}
$("#autocomplete").autocomplete({
source: city_name
});
var getResult = function() {
var x = document.getElementById("autocomplete").value;
document.getElementById("result").innerHTML = x;
}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>autocomplete demo</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
The result is
<div id="result"></div>
<hr>
<label for="autocomplete">Select your city address : </label>
<input id="autocomplete">
<input type="button" onclick="getResult()" value="Submit">
</body>
</html>
。
作業コードフィドルを提供しますか? –
上記のコードをJSFiddleまたはRun code snippetにコピーすることができます –
私の答えを確認してください –