使用ajax自动完成选择选项

时间:2014-12-16 09:25:45

标签: jquery

我有一个选择和一个输入。当我选择一个选项时,输入应该加载每个选项值的自动完成数据。

<select>
    <option class="selectOption" value="1">option 1</option>
    <option class="selectOption" value="2">option 2</option>
    <option class="selectOption" value="3">option 3</option>
    <option class="selectOption" value="4">option 4</option>
</select>

<input type="text" name="search">

1 个答案:

答案 0 :(得分:1)

据我了解,您需要在下拉菜单中添加所选值到输入框。这是我的代码,看它是否符合您的要求。 HTML代码

<select onchange="getval(this);">
    <option value="option 1">option 1</option>
    <option value="option 2">option 2</option>
    <option value="option 3">option 3</option>
    <option value="option 4">option 4</option>
</select>
<input type='text' title='Tags' id='tags' value="option 1" />

Javascript代码

<script type="text/javascript">
    function getval(sel) {
    alert(sel.value);
    var a=sel.value;
    $("#tags").val(a);
    }
</script>

以下是演示链接,请参阅可以根据需要使用。demo_link