Javascript 如何获取下拉值作为文本框名称？

保单编号
索赔编号
帐号
客户编号

例如，如果用户从下拉列表中选择了策略编号，则代码文本框代码语句将变为

或者，如果用户选择了索赔编号，则

解决方案 作者@NewToJS

<select id="drop" name="1" class="form-control" onchange="setname(this.value)">
<option value="policy_no">Policy No</option>
<option value="claim_no">Claim No</option>
<option value="acc_no">Account No</option>
<option value="client_no">Client No</option>
</select>
<input id="dropvalue" type="text" name="selectValue" onclick="this.value='';alert(this.name);"> 

function setname(e){
var input=document.getElementById('dropvalue');
input.name=e;
input.value="Click Me!";
}

保单编号
索赔编号
帐号
客户编号
函数集合名（e）{
var input=document.getElementById（'dropvalue'）；
input.name=e；
input.value=“单击我！”；
}

解决方案作者@Milan Chheda

$("#drop").on('change', function() {
  $("#inputId").prop('name', $(this).val());
  //2nd method
  //$("#inputId").attr('name', $(this).val()); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="drop" name="1" class="form-control">
  <option value="policy_no">Policy No</option>
  <option value="claim_no">Claim No</option>
  <option value="acc_no">Account No</option>
  <option value="client_no">Client No</option>
</select>

<input type="text" name="selectValue" id='inputId'>

$（“#drop”）.on（'change'，function（）{
$（“#inputId”）.prop（'name'，$（this.val（））；
//第二种方法
//$（“#inputId”）.attr（'name'，$（this.val（））；
});
保单编号
索赔编号
帐号
客户编号

使用Jquery

prop

来实现这一点。更改下拉选项时，您需要检查和检查

输入的
名称
属性：


$（“#drop”）.on（'change'，function（）{
$（“#inputId”）.prop（'name'，$（this.val（））；
//第二种方法
//$（“#inputId”）.attr（'name'，$（this.val（））；
});

保单编号
索赔编号
帐号
客户编号
使用Jquery
prop
来实现这一点。更改下拉选项时，您需要检查和检查
输入的
名称
属性：


$（“#drop”）.on（'change'，function（）{
$（“#inputId”）.prop（'name'，$（this.val（））；
//第二种方法
//$（“#inputId”）.attr（'name'，$（this.val（））；
});

保单编号
索赔编号
帐号
客户编号
使用jQuery on select value设置textbox的名称为什么要为其标记PHP？这是困难的部分…我尝试在网上搜索，但找不到任何类似的内容problem@MilanChheda网络development@learnprogramming我看到有人发布了一个
jQuery
解决方案，但这不需要
jQuery
。使用它没有什么错，但是如果你加载库的目的是为了像这样的小用途，那么毫无疑问最好保持它的简单。这是一个非jQuery的解决方案，您可以尝试这样简单的方法，使用jQuery on select value设置TextBox的名称为什么要为它标记PHP？这是困难的部分…我尝试在网上搜索，但找不到任何类似的方法problem@MilanChheda网络development@learnprogramming我看到有人发布了一个
jQuery
解决方案，但是无需
jQuery
即可完成此操作。使用它没有什么错，但是如果你加载库的目的是为了像这样的小用途，那么毫无疑问最好保持它的简单。这是一个非jQuery的解决方案，您可以尝试像这个brb这样简单的方法，让我在我尝试了您的代码之后尝试一下，我不确定为什么只有第一个值，policy_no，被输入表列，而不是其他值…当我签入检查时，当选择框更改时，文本框名称会相应更改。在将其发送到服务器之前，请检查该值。或者，代替
prop（'name'，$（this.val（）），可能是，我们也可以使用，您可以尝试
attr（'name'，$（this.val（））对不起..实际上第一种方法有效，但在文本框中输入值后，我必须单击其他不可单击的地方（空白/空白）…这样，我可以存储数据…不确定为什么会发生这种情况，除非你的文本框中有一些事件或JS代码，可能会发生冲突和/或迫使你点击空白。brb，让我试试这个在我尝试了你的代码后，我不确定为什么只有第一个值，policy_no，已输入表列，但未输入其他值…当我在检查中选中时，当selectbox更改时，文本框名称会相应更改在将其发送到服务器之前检查该值。或者，代替
prop（'name'，$（this.val（）），可能是，我们也可以使用，您可以尝试
attr（'name'，$（this.val（））对不起..实际上第一种方法有效，但在文本框中输入值后，我必须单击其他不可单击的地方（空白/空白）…这样，我可以存储数据…不确定为什么会发生这种情况，除非您的文本框有一些事件或JS代码，可能会发生冲突和/或迫使您单击空白区域。
$("#drop").on('change', function() {
  $("#inputId").prop('name', $(this).val());
  //2nd method
  //$("#inputId").attr('name', $(this).val()); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="drop" name="1" class="form-control">
  <option value="policy_no">Policy No</option>
  <option value="claim_no">Claim No</option>
  <option value="acc_no">Account No</option>
  <option value="client_no">Client No</option>
</select>

<input type="text" name="selectValue" id='inputId'>