Question

假设我在包含此HTML的网页上有一个表单

<form id="form" method="post">
    <select id="selectThis">
        <option id="one" value="1">1</option>
        <option id="two" value="2">2</option>
        <option id="three" value="3">3</option>
        <option id="four" value="4">4</option>
    </select>
    <a href="gothispage.com" onclick="ajaxSubmitFunction('submit') id="submit">submit</a>
</form>

有没有办法注入一个基本上就这样做的js代码。

function selectOption(option) {
    var a = document.getElementById(option);
    a.selected = selected;
    if (a === "selected") {
        document.getElementById("submit").click();
    }
}
selectOption("four");

这是思考如何解决这个问题的正确方法吗？

Answer 1

按option获取id元素，然后将value分配给select元素：

function selectOption(option) {
    var selectedValue = document.getElementById(option).value;
    document.getElementById("selectThis").value = selectedValue;

    // ...
}

selectOption("four");

演示：http://jsbin.com/sewowenugu/1/edit?html,js,output

Answer 2

这不是一种标准的方法，但它有效。你基本上已经在那里了，你只需要整理一些语法：

function selectOption(option) {
    var a = document.getElementById(option);
    a.selected = true;
    // this if statement isn't really needed as you just set it
    if (a.selected === true) {
        document.getElementById("submit").click();
    }
}

selectOption("four");

Sample JsFiddle

更常见的方法是：

function selectOption(option) {
    var a = document.getElementById('selectThis');
    a.value = option;
    document.getElementById("submit").click();
}

selectOption("4");

Answer 3

试试这个（jQuery）：

$（ “＃selectThis”）VAL（ “4”）;

有没有办法通过javascript注入自动选择HTML <option>？</option>

3 个答案: