Javascript 如何使用Jquery（或JS）选择动态创建的输入字段？

此输入选择字段是动态生成的，选项将根据用户在先前字段中选择的内容而更改

<select name="vehicle">
    <?php $loop = new WP_Query( array( 'post_type' => 'fleet') ); ?>
    <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
    <option class="vehicle-option" value="<? the_title() ?>" <?= $_POST["vehicle"] ==                     the_title('', '', false) ? "selected" : "" ?>>
    <?php the_title(); ?>
    </option>
    <?php endwhile; wp_reset_query(); ?>
</select>

因为最终我希望能够选择该字段中的选项

$('select[name=vehicle]').change(function(){ 
    if($("select[name=vehicle] option:selected").val() !== "Vehicle preference"){
    //run function
    }
    else{
    //run function
    }
}

您可以对动态创建的元素使用：

$(document).on('change', 'select[name = vehicle]', function () {
    if ($(this).find("option:selected").val() !== "Vehicle preference") {
        //run function
    } else {
        //run function
    }
});

---

如果要选择动态生成的元素，请尝试使用jquery的“on”函数。（如果使用小于1.7的jquery版本，请使用“live”函数）

谢谢Felix！您知道如何在不必更改“选择”字段的情况下选择其中一个选项吗（但可能是在单击提交按钮时？您的意思是在没有用户交互的情况下以编程方式设置

select

值吗？否则我不明白您的意思：/I我需要能够选择输入选择字段而不必触摸它。为了能够说出来，我应该在语音标记和妄想之间添加什么。…添加一个类。$（“？”）.addClass（“必需”）您可以使用

.prop（）

：

$（'select'）.prop（'selectedIndex'，3）；

将select中的第四个选项设置为选定值

$(document).on('change', 'select[name = vehicle]', function () {
    if ($(this).find("option:selected").val() !== "Vehicle preference") {
        //run function
    } else {
        //run function
    }
});