这让我发疯,我看了很多不同的答案,帖子和jQuery示例,但我所拥有的简单JS并没有给我实际的价值,任何帮助都有所帮助。
我尝试根据成人/儿童的数量填写菜单选项表单。在这种情况下,您可以选择下拉列表#numberOfAdults
,值为2,然后出现2个单独的菜单选项,几乎没有火箭科学,但是......它难以捉摸。
我的表格:
<div class="form-group">
<select name="numberOfAdults" id="numberOfAdults" tabindex="2">
<option>-Adults-</option>
<option value="1">One</option>
<option value="2">Two</option>
</select>
</div>
JS :(这是最新版本,我已尝试过this.value
,id.val()
,等等。
$('#numberOfAdults').change(function() {
var val1 = this.value;
var val2 = $('#numberOfAdults option:selected').val();
alert(val1 + " - " + val2);
});
通过以上我离开了成人 - 成人&#39;,我实际上永远无法获得价值1或价值2来表明我确定它是一件微不足道的事情我是&#39我错过了。 提前谢谢。
答案 0 :(得分:0)
您的代码看起来像您希望的那样:
$('#numberOfAdults').change(
function() {
var val1 = this.value;
var val2 = $('#numberOfAdults option:selected').val();
alert(val1 + " - " + val2);
}
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
<select name="numberOfAdults" id="numberOfAdults" tabindex="2">
<option>-Adults-</option>
<option value="1">One</option>
<option value="2">Two</option>
</select>
</div>
答案 1 :(得分:0)
我不知道为什么它发生在你身上。可能是JQuery include或mistypo有问题。但是当我在代码片段上发布你的代码
时,它工作得很好
require_once( ABSPATH . 'wp-admin/includes/upgrade.php' );
global $wpdb;
$table_name = $wpdb->prefix . 'aa_accessform';
$table_name2 = $wpdb->prefix . 'aa_formcomments';
$wpdb->query(
"CREATE TABLE IF NOT EXISTS $table_name (
id INT UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY,
customer_id INT UNSIGNED NOT NULL,
appointment_id INT UNSIGNED NOT NULL,
notes TEXT,
token VARCHAR(255) DEFAULT NULL
) ENGINE = INNODB
DEFAULT CHARACTER SET = utf8
COLLATE = utf8_general_ci"
);
dbDelta();
$wpdb->query(
"CREATE TABLE IF NOT EXISTS $table_name2 (
id INT UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY,
customer_codes_id INT UNSIGNED NOT NULL,
appointment_codes_id INT UNSIGNED NOT NULL,
notes TEXT,
token VARCHAR(255) DEFAULT NULL,
FOREIGN KEY (customer_codes_id) REFERENCES $table_name(id)
) ENGINE = INNODB
DEFAULT CHARACTER SET = utf8
COLLATE = utf8_general_ci"
);
dbDelta();
&#13;
$('#numberOfAdults').change(function() {
var val1 = this.value;
var val2 = $('#numberOfAdults option:selected').val();
alert(val1 + " - " + val2);
});
&#13;