Question

我有一个表格，其中连接了两个选择选项。

现在就是这样：

＆＃13;

<form>
    <select onchange="this.form.submit()">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
    </select>
    <select>
        <option>Please select the first option</option>
    </select>
</form>

＆＃13;

提交之后：

＆＃13;

<form>
    <select onchange="this.form.submit()">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option selected>4</option>
    </select>
    <select>
       <option>41</option>
       <option>42</option>
       <option>43</option>
       <option>44</option>
    </select>
</form>

＆＃13;

如何在没有表格提交的情况下拨打下一个选择数据？

Answer 1

您可以使用javascript XMLHttpRequest。如果您的服务器将响应作为选择选项，请直接使用此代码。否则解析响应并将其放在select标签内。 JS小提琴是 https://jsfiddle.net/w123ywdo/

<form>
    <select onchange="changeFirstSelect(this)">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
    </select>
    <select id="second">
        <option>Please select the first option</option>
    </select>
</form>

JS代码是

var changeFirstSelect = function() {
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
        if (xhr.readyState == XMLHttpRequest.DONE) {
            alert(xhr.responseText);
        }
    }
    xhr.open('GET', 'http://example.com', true);
    xhr.send(null);
}

html-jquery，选中的选项使下一个选项可见

1 个答案: