jQuery选择->;选择时隐藏/显示div
我有一个页面设置了很多不同的表单…每个表单都有一个选择字段。选择其中一个选项后,我想显示一个div。选择任何其他选项后,我想隐藏同一个div。但是,我很难让它工作 jQuery:jQuery选择->;选择时隐藏/显示div,jquery,select,option,Jquery,Select,Option,我有一个页面设置了很多不同的表单…每个表单都有一个选择字段。选择其中一个选项后,我想显示一个div。选择任何其他选项后,我想隐藏同一个div。但是,我很难让它工作 jQuery: $('select').change(function() { daytimestamp = $('select').attr('id'); val = $('select option:selected').val(); alert(daytimestamp); alert(v
$('select').change(function() {
daytimestamp = $('select').attr('id');
val = $('select option:selected').val();
alert(daytimestamp);
alert(val);
if( val == 'Other Event' ) {
// We need to show the description div
$('#event_description_' + daytimestamp).show();
}
else {
// We need to hide the description div
$('#event_description_' + daytimestamp).hide();
}
});
一些HTML:
<form name='add_cal_event_1320105600' id='add_cal_event_1320105600' action='' method='POST'>
<input type='hidden' name='event_timestamp' value='1320105600' />
Title: <input type='text' name='cc_title' width='100%' /><br />
Time: <input type='text' name='cc_time' size='8' /> <br />
Event type: <select name='cc_event_type' id='1320105600'>
<option value='Wedding'>Wedding
<option value='Rehearsal Dinner'>Rehearsal Dinner
<option value='Other Event'>Other Event
<option value='Event Pending'>Event Pending
</select>
<div id='event_description_1320105600' style='display:none;'>Event Title: <input type='text' name='cc_event_type_override' value='' /><br />Event Description: <input type='text' name='cc_event_description' value='' /></div>
Location: <input type='text' name='cc_location' /><br />
<textarea name='cc_description' class='mceEditor' cols='35'></textarea><br />
<input type='submit' onclick='javascript: jQuery("#add_cal_event_1320105600").submit();' name='submit_form' value='Add Event' />
</form>
尝试将代码包装到
$(document).ready(function(){});
更换第2和第3行 daytimestamp=$('select').attr('id') val=$('select option:selected').val() 与 daytimestamp=$(this.attr('id') val=$(this.find('option:selected').val()
这里似乎很好,到底是什么问题。在这里也要清楚地解释你的问题,期望的行为是什么?我想这意味着这是jQuery与我在页面上的其他代码的冲突?这使得常规代码正常工作,然后我也不得不进行调整。非常感谢。而不是执行
val=$('select option:selected').val()
您可以只编写var value=$('select#id').val()代码>哦-可能是我正在使用的更新版本导致了这种情况?
$(document).ready(function(){});