这是我的代码:
<button id="addSubject" type="button">+</button>
<script>
$('#addSubject').click(function()
{
function optionExists(mySelect, val)
{
return $("#"+mySelect+" option").filter(function() {
return this.value === val;
}).length !== 0;
}
if (optionExists($('#subjectCategories'), $('#fieldNewSubject').val()))
{
$('#subjectCategories').append("<option value=\"" + $('#fieldNewSubject').val() + "\">" + $('#fieldNewSubject').val() + "</option>");
$('#fieldNewSubject').val("");
});
</script>
这是我的疑问:为什么它不起作用?点击按钮后没有任何反应! 我把它放在标题中:
<script src="js/jquery.ui.button.js"></script>
<script src="js/jquery-1.8.2.min.js"></script>
答案 0 :(得分:1)
如果我猜对了你的意图,那应该这样做:
$('#addSubject').click(function () {
var
val = $('#fieldNewSubject').val(),
$select = $('#subjectCategories');
if ($select.find('option[value="' + val + '"]').length === 0) {
$('<option>', {
value: val,
text: val
}).appendTo($select);
}
});