具有预定值的自动填充输入框

时间:2018-05-25 19:24:53

标签: javascript jquery

这非常接近Change Text Box Value Based on Select Input with Selected Attribute 但是我有一个额外的部分没有得到回答。

我的代码正常运行,因此下拉列表会使用下拉列表的值填充输入表单。但是我不确定如何用不同的东西填写输入表单的值。

所以我这样做

projects/ng-app-state/package.json

我想列出当#subjob在某个项目上时#account应该说什么,但我不想让它说'subjob1'在这种情况下。我希望它能说“请输入您的帐号'

1 个答案:

答案 0 :(得分:2)

你能为你想要的东西添加一个html5数据属性吗?

$(document).ready(function() {

    $("#name option").filter(function() {
        return $(this).val() == $("#firstname").val();
    }).attr('selected', true);

    $("#name").live("change", function() {

        $("#firstname").val($(this).find("option:selected").attr("data-inputvalue"));
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<select id="name" name="name"> 
<option value="" data-inputvalue="">Please select...</option> 
<option value="Elvis" data-inputvalue = "input Elvis">Elvis</option> 
<option value="Frank" data-inputvalue = "input Frank">Frank</option> 
<option value="Jim" data-inputvalue = "input Jim">Jim</option> 
</select>

<input type="text" id="firstname" name="firstname" value="input Elvis" readonly="readonly">