jQuery选中

Question

我试图查看选择菜单中的特殊选项是否具有等于1的值,然后隐藏另一个对象.我一整天都在努力但是无法弄明白(可能是因为我是jquery的初学者)

我有一个从数据库中填充的选择菜单.如果id ="1"的选项具有"selected = selected",那么我希望在加载页面时隐藏另一个div.

这是我到目前为止所得到的:

<select>
<option id="3">test1</option>
<option id="1" selected="selected">test2</option>
<option id="2">test3</option>
</select>
<div id="hide">Hide me</div>


$("#1 option:selected").ready(function () {
   $("#hide").hide();
});

任何帮助将不胜感激.谢谢../Andreas

Answer 1

我害怕你的代码有些问题:

1. 您在错误的对象上使用事件 - .ready()应该应用于文档
2. ID不能以数字开头
3. 您应该使用value属性而不是id属性.
4. 你最好用它.val()来获得价值
5. 如果您在页面中添加另一个ID,则应该选择一个id.

把它们放在一起:

<select id="foo">
<option value="3">test1</option>
<option value="1" selected="selected">test2</option>
<option value="2">test3</option>
</select>
<div id="hide">Hide me</div>


$(document).ready(function () {
   if ($('#foo').val() != 1)
       $("#hide").hide();
});

如果要在更改选择时动态执行此操作,可以这样执行:

$('#foo').change(function () {
   if ($(this).val() != 1)
       $("#hide").hide();
   else
       $("#hide").show();
});