У меня есть базовое текстовое поле с автозаполнением, в котором перечислены цвета радуги, но я бы хотел изменить его так, что когда вы выберете цвет, он появится в этом цвете (т. Е. Слово red окрашено в красный цвет), но Я не могу понять, как это сделать.Форматировать текст внутри массива?
Heres код:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Autocomplete - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
var colours = [
"red",
"orange",
"yellow",
"green",
"blue",
"indigo",
"violet",
]
$("#rainbow1").autocomplete({
source: colours
});
});
</script>
</head>
<body>
<div class="ui-widget">
<label for="rainbow1" style="color:red">Rainbow1: </label>
<input type="text" id="rainbow1" /> </br>
</div>
</body>
</html>
Добро пожаловать в StackOverflow. Можете ли вы сузить свой код до своей проблемы и добавить его к своему вопросу? – thordarson
Спасибо. Ну, код ive, размещенный, компилируется и работает как следует. Я спрашиваю, что добавить к нему, чтобы изменить цвета текста в автозаполнении. – Mufasatheking