Javascript 如果“选择框”选项具有值，则切换禁用属性

我有一个默认禁用的提交按钮，在src属性中有一个灰显的图像

以下是HTML：

<form>
<select id="item_location">
    <option value="">- Choose Destination -</option>
    <option value="US">US</option>
    <option value="CN">Canada</option>
    <option value="IN">International</option>
</select>

<input class="submit" type="image" src="http://website.com/images/btn_buynow_LG--disabled.png" border="0" name="submit" disabled>
</form>

用于获取下拉列表的选定值

if (jQuery("#item_location").val() !== "") {
                             ^           ^ //added ) here

还是更好地利用

阅读

---

在OP的评论后更新

jQuery(".submit").prop("src", "http://www.paypalobjects.com/en_US/i/btn/btn_buynow_LG.gif");

您可以这样做：

jQuery(".submit").prop("disabled", jQuery("#item_location").val() === "")

如果

项目位置

值为空，否则将禁用

提交

更新

// Cache the submit button
var $submit = jQuery(".submit");

// Disable the button based on the dropdown value
$submit.prop("disabled", jQuery("#item_location").val() === "");

// Change the src image, based on disabled attribute of submit button
$submit.prop("src", function (i, val) {
    return $submit.prop("disabled") ? 'old_image_src' : 'new_image_src';
});

试试这个

jQuery("#item_location").change(function() {
    if (this.value) {
        jQuery(".submit").prop("src", "http://www.paypalobjects.com/en_US/i/btn/btn_buynow_LG.gif").removeAttr("disabled"); 
    }

})

---

更改默认图像怎么样？我有一个灰显的图像，只有在提交按钮禁用属性时才需要显示。因此我需要两个

.prop（）

方法？如何添加到这一点，即当禁用的属性被删除时，我需要更改src图像？我在此处尝试了更新的方法：但我也无法使其工作：/好的，我确实看到它在小提琴上正常工作。但是为什么它会给我这个控制台错误：

uncaughttypeerror:object[object object]的属性“$”不是一个函数

？我想，既然您使用的是

jQuery

作为别名，但在小提琴中我使用的是

$

。尝试添加

var$=jQuery在顶部，然后重试..哦，这就解决了问题。非常感谢。没有错误。当我选择其中一个国家时，什么也不会发生。我可以让它在这里工作：但不是在我的原始代码中。如果值变回零，是否有方法切换回禁用的属性？
// Cache the submit button
var $submit = jQuery(".submit");

// Disable the button based on the dropdown value
$submit.prop("disabled", jQuery("#item_location").val() === "");

// Change the src image, based on disabled attribute of submit button
$submit.prop("src", function (i, val) {
    return $submit.prop("disabled") ? 'old_image_src' : 'new_image_src';
});

jQuery("#item_location").change(function() {
    if (this.value) {
        jQuery(".submit").prop("src", "http://www.paypalobjects.com/en_US/i/btn/btn_buynow_LG.gif").removeAttr("disabled"); 
    }

})