Question

<select id="pageName" name="pageName">
<option value="">Select one....</option>
<option value="All">All</option>
<option value="value1">value1</option>
<option value="value2">value2</option>
</select>

我选择了All和输出

$("select#pageName").val()=='All' - true

但是，我选择了“选择一个......”，输出低于为什么？

$("select#pageName").val()=="Select one...." - false

我怎样才能低于'真'，请.....

Answer 1

您可以使用：

$("select#pageName").val()==""

val()根据select的{{1}}属性获取value元素的当前值。

在您的情况下，第一个选项具有空值，因此您需要将其与空字符串进行比较。

如果您想保留自己的选择器，可以将第一个选项的值添加为option，也可以使用text()方法：

Select one....

Answer 2

为了您需要使用的工作，因为在这种情况下val属性为空

$("select#pageName").text()=="Select one...."

或

$("select#pageName").val()==""

这两个将返回true

或者您可以设置值属性然后它将返回true

<option value="Select one....">Select one....</option>

$("select#pageName").val()=="Select one...."

Answer 3

val()方法返回value属性的值。在你的情况下，你可能想要

<option value="Select one...">Select one...</option>

或

$("select#pageName").val()==""

Answer 4

使用.val()时，jQuery返回所选元素的当前值。它将返回所选元素的属性value。

该beign说，select one...的值为''（空字符串），All的值为'All'。所以你可以这样做：

$("select#pageName").val()=="" //value of Select one...

或（请注意，这不是一个好习惯）

$("select#pageName :selected").text() == 'Select one...'

Answer 5

要设置控件的值，您需要使用：

$("select#pageName").val('All');

或（另一个例子）

$("select#pageName").val('value1');

要读取控件的值，请使用：

var somevarname = $("select#pageName").val();

请注意，上面会读取value属性的内容。因此，在Select One条目上，value属性为空，因此您将读取没有内容的已定义变量。

如果您希望阅读选项标签之间的文本值（对于所选项目），请使用：

$("select#pageName :selected").text()

以下是您的示例：

jsFiddle Working Demo

<强> HTML：

<select id="pageName" name="pageName">
    <option value="">Select one....</option>
    <option value="All">All</option>
    <option value="value1">value1</option>
    <option value="value2">value2</option>
</select>
<div id="sumpin">
    <input id="myButt" type="button" value="Set Select Value" />
    <input id="urButt" type="button" value="Read Select Value" />
</div>

<强>的jQuery / JavaScript的：

$("select#pageName").change(function(){
    var pn = $("select#pageName").val(); //shortcut: use $(this).val();
    alert( pn );
});
$('#myButt').click(function() {
    var toset = prompt("Type: All or value1 or value2");
    $("select#pageName").val(toset);
});
$('#urButt').click(function() {
    alert( $("select#pageName").val() );
});

如何使用JavaScript或JQuery检查值

5 个答案: