我已经在这家呆了一两天了……
我似乎无法获得在下拉列表中选择的值来“做”任何事情。
的HTML
<select id="combobox">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
让我的价值观去做某事的 Js/Jquery
function displayVals() {
var skillValues = $('#combobox').val();
$('ul#list').append('<li>x</li>' + skillValues);
}
$('select').change( displayVals );
displayVals();
我使用以下链接作为我正在尝试做的事情的“基础”。
http://jqueryui.com/autocomplete/#combobox
when the select item is being defined by the 'combobox' from jqueryUI it stops doing the thing that makes the < li>'s. 我想由于某种原因未选择 <选项>。
所以我试图让每个选择在被选中时显示在 <ul> 中,然后可能会通过点击事件被删除。
在此先感谢大家,欢迎任何帮助!
编辑: http: //jsfiddle.net/tPs42/这是它现在应该做的,所以你可以看到它与常规下拉选择器一起工作。
编辑:好吧,我让它做我想做的事......
$(function() {
$( "#combobox" ).combobox({
select: function displayVals() {
var skillValues = $('#combobox').val();
$('ul#list').append('<li><a href="" name="remove">x</a></li>' + skillValues);
}
});
});
$('select').change( displayVals );
displayVals();
$('a[name=remove]').click(removeItem);
这对我来说是做我想做的事的诀窍。