我想在未从php生成的下拉列表中选择选项时显示警报消息。
我有一个脚本,该脚本在文本框留空时会显示警报消息,因为它在下拉列表中遇到了麻烦,尽管我在下拉列表中遇到困难卖方可以向有兴趣的买家提供并动态变化。
任何帮助都将不胜感激
html/php
<form method="POST" id="carForm" action="<?= $this->url(array('cid' => $this->cid), 'approach-to-car') ?>">
<?= CSRF::tokenField() ?>
<div class="row-fluid">
<div class="span2">
Job:
</div>
<div class="span10">
<select name="car" class="input-block-level">
<?php foreach ($this->cars as $car): ?>
<?php $car = Car::getOne($car['id']); ?>
<?/*@var $car Car */?>
<option value="<?= $car->id ?>"><?= $car->get_title() ?></option>
<?php endforeach; ?>
</select>
</div>
</div>
<div class="row-fluid">
<div class="span2">
Message:
</div>
<div class="span10">
<textarea name="message" rows="5" id="messageInput" class="input-block-level"></textarea>
</div>
</div>
<div class="row-fluid">
<div class="offset2">
<input type="submit" class="btn btn-primary" id="submitButton" value="Approach" />
</div>
</div>
jQuery
<script type="text/javascript">
$("#carForm").bind('submit', function(e) {
var messageValue = $("#messageInput").val();
if (messageValue === "") {
$("#alertBox").html("Include a message with your offer");
$("#alertBox").removeClass('hide');
e.preventDefault();
return false;
}
return true;
});
这是当前对我不起作用的jQuery脚本
<script type="text/javascript">
$("#carForm").bind('submit', function(e) {
var carValue = $("#input-block-level").val();
if (carValue === "") {
$("#alertBox").html("Please add your car before offering buyers");
$("#alertBox").removeClass('hide');
e.preventDefault();
return false;
}
return true;
});
检查以下内容:http://jsfiddle.net/5ywey/
var carValue = $(".input-block-level").val();
您尝试通过ID而不是类选择。