2014-02-02 3 views
0
<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"/> 
<title>list</title> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script>var split="Grand Hotel,Promenade,Southend,Postcode".split(','); 
var hotel=split[0]; 
var street=split[1]; 
var town=split[2]; 
var postcode=split[3] 
</script> 
</script> 
<script>var split="Imperial Hotel,Main St,Dundee,Postcode".split(','); 
var hotel=split[0]; 
var street=split[1]; 
var town=split[2]; 
var postcode=split[3] 
</script> 
<script> 
$(document).ready(function() { 
$('li').click(function() { 
console.log($(this).text()); 
$('#hotel').val($(this).text()); 
}); 
} 
); 

</script> 
<style> 
.ui-menu { width: 250px; } 
</style> 
<script> 
$(function() { 
$("#menu").menu(); 
}); 
</script> 
<style> 
.ui-menu { width: 250px; } 
</style> 
</head> 
</body> 
<body> 

<div id="locationselect"> 
<ul> 
<li>Grand Hotel,Promenade,Southend,Postcode</li> 
<p> 
<li>Imperial Hotel,Main St,Dundee,Postcode</li> 
<p> 
</ul> 
</div> 

<input type="text" id="split[0]"/> 
<p> 
<input type="text" id="split[1]"/> 
<p> 
<input type="text" id="split[2]"/> 
<p> 
<input type="text" id="split[3]"/> 
<p> 
</body> 
</html> 

Я ничего не знал о кодировании, пока не присоединился к грубой двухнедельной давности и немного опередил себя, но мне действительно нравится решение проблемы в работе, У меня слишком много времени на моих руках. Я пытаюсь выработать способ выбора и разбиения статического списка, а затем передать это в отдельные текстовые поля. Любая помощь будет очень оценена, я посмотрел, и насколько я могу судить, я первый, кто задал этот конкретный вопрос, woo hoo !!Передача статического выбранного списка в разные текстовые поля

ответ

0
<script> 
$(document).ready(function() { 
$('.selectableItem').click(function() { 
//alert('txt=' + $(this).text()); 
var selected = $(this).text().split(","); 
console.log(selected); 
$('#location').val(selected[0]); 
$('#location2').val(selected[1]); 
$('#location3').val(selected[2]); 
$('#location4').val(selected[3]); 
}); 
} 
); 
</script> 
+0

Это выбирает строку и разбивает ее, просто назовите несколько текстовых полей и получите результат, чтобы попытаться выяснить, как это будет работать в выпадающем списке LOL. – user3262467

Смежные вопросы