如何使用javascript填写Web表单

时间:2017-12-04 15:33:11

标签: javascript forms google-chrome console fill

我想使用chrome中的javascript填充表单数据。我已正确填写所有其他字段,但字段(html)贝娄对我不起作用。 (必须有其他脚本使用此表单,我不这样做)

<select name="month" class="valid">
<option value="">
    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Month</font>
    </font>
</option>
<option value="01">
    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">January</font>
    </font>
</option>
<option value="02">
    <font style="vertical-align: inherit;">
        <font style="vertical-align: inherit;">February</font>
    </font>
</option>
<option value="03">
    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">March</font>
    </font>
</option>

             月                            一月                                         二月                            游行              

我尝试了一些代码,但它不起作用。

var month = document.querySelector('input[name="month"]');
month.selectedIndex = 3;

我在chrome控制台中使用这个脚本,有什么办法可以用javascript填充这个字段吗?

here is the form link

2 个答案:

答案 0 :(得分:0)

首先,您的选择器element.value = 3与任何元素都不匹配。

其次,一旦您能够选择正确的元素,您就可以使用cmake_minimum_required(VERSION 3.4.1) include(ExternalProject) set(OPUS_ROOT ${Project_BINARY_DIR}/project_opus-prefix/src/project_opus) ExternalProject_Add(project_opus URL https://archive.mozilla.org/pub/opus/opus-1.2.1.tar.gz CONFIGURE_COMMAND "" INSTALL_COMMAND "" BUILD_COMMAND ${ANDROID_NDK}/ndk-build -C ${OPUS_ROOT} NDK_PROJECT_PATH=null APP_BUILD_SCRIPT=${Project_SOURCE_DIR}/opus.mk NDK_OUT=${CMAKE_LIBRARY_OUTPUT_DIRECTORY}/../.. NDK_LIBS_OUT=${CMAKE_LIBRARY_OUTPUT_DIRECTORY}/.. APP_ABI=${ANDROID_ABI} NDK_ALL_ABIS=${ANDROID_ABI} APP_PLATFORM=${ANDROID_PLATFORM} BUILD_BYPRODUCTS ${CMAKE_LIBRARY_OUTPUT_DIRECTORY}/libopus.so ) add_library(opus SHARED IMPORTED) add_dependencies(opus project_opus) set_target_properties(opus PROPERTIES IMPORTED_LOCATION ${CMAKE_LIBRARY_OUTPUT_DIRECTORY}/libopus.so ) include_directories(${OPUS_ROOT}/include) target_link_libraries( # Specifies the target library. native-lib # Links the target library to the log library # included in the NDK. log opus oboe OpenSLES) 设置它的值。

See more about the value property here.

答案 1 :(得分:0)

此代码完全符合您的要求。它会在您的选择中选择March。 注意:正确选择not var month = document.querySelector('input [name =“month”]');改为使用

var month = document.querySelector('select[name="month"]');

$(function() {
    var month = document.querySelector('select[name="month"]');
month.selectedIndex = 3;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="month" class="valid">
<option value="">
    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Month</font>
    </font>
</option>
<option value="01">
    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">January</font>
    </font>
</option>
<option value="02">
    <font style="vertical-align: inherit;">
        <font style="vertical-align: inherit;">February</font>
    </font>
</option>
<option value="03">
    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">March</font>
    </font>
</option>
</select>