Question

我正在建立联系表格，其中包含“国家/地区”的选择下拉列表。 “第一个选项”标签的值为“国家/地区”，但禁用并选择了该属性，然后从php列表中列出了“国家/地区”选项。我遇到的问题是，当我在控制台上打印国家/地区的值时，我得到的是“ CountryCountry”，而不是“ Country”！我需要知道为什么选择国家2次会影响其他值，例如，如果我选择智利，则会影响“ CountryChile”。我做了一个Google搜索，但是没有人问这个问题，我找不到任何答案

这是我的html

<form action="" method="post" class="contact_us_form">
                <div class="contact_us_label">First Name</div>
                <div class="contact_us_input">
                    <input type="text" name="contact_first_name" class="contact_input" id="contact_first_name" />
                </div>

                <div class="contact_us_label">Last Name</div>
                <div class="contact_us_input">
                    <input type="text" name="contact_last_name" class="contact_input" id="contact_last_name" />
                </div>

                <div class="contact_us_label">Email</div>
                <div class="contact_us_input">
                    <input type="text" name="contact_email" class="contact_input" id="contact_email" />
                </div>

                <div class="contact_us_label">Country</div>
                <div class="contact_us_input">
                    <select class="contact_us_country_option country_input">
                        <option value="Country">Country</option>
                        <?php
                            include 'includes/countries_list.php';
                            foreach ( $countries as $country) { ?>
                        <option value="<?php echo $country;?>">
                            <?php echo $country; ?>
                        </option> 
                        <?php
                            }
                        ?>
                    </select>
                </div>

                <div class="contact_us_label">Subject</div>
                <div class="contact_us_label">
                    <textarea rows="6" cols="70" name="contact_subject" class="contact_subject" id="contact_subject" placeholder="Type your message here..."></textarea>
                </div>

                <input type="submit" name="contact_us_button" value="Send" class="contact_us_button" id="contact_us_button" disabled/>
                <a href="index.php" class="contact_us_cancel_button">Cancel</a>
            </form>

这是我的jquery：

$(document).on("click", "#contact_us_button", function(e){
    e.preventDefault();

    var countryInput = $('.country_input').find(":selected").text().trim();
    console.log(countryInput);
});

如果禁用了在jQuery事件中多次选择选择选项

0 个答案: