Fatal编程技术网
  • javascript/
  • Javascript 如何纠正这个问题？

Javascript 如何纠正这个问题？

javascript html angularjs

Javascript 如何纠正这个问题？,javascript,html,angularjs,textbox,Javascript,Html,Angularjs,Textbox,下面的代码有什么问题，为什么它对我不起作用。。！！！我无法获取所选数据并将其显示在文本框中 <html> <head> <script type="text/javascript"> $(document).ready(function() { $("#name").on("change", function() { $("#Fname").val($(thi

下面的代码有什么问题，为什么它对我不起作用。。！！！我无法获取所选数据并将其显示在文本框中

<html>
<head>
<script type="text/javascript">
    $(document).ready(function() {                                       
    $("#name").on("change", function() {
    $("#Fname").val($(this).find("option:selected").attr("value"));
    })
 });  

</script>

<script type="text/javascript">
</script>
</head>
<body>
<div>
<select id="Fname" name ="name">
<option value="">Choose Your Value</option>
<option value="India">India</option>
<option value="UK">UK</option>
<option value="US">US</option>
<option value="UAE">UAE</option>
<option value="China">China</option>
<option value="Japan">Japan</option>    

</select>

<input type="text" id="Fname" value ="" readonly="readonly">
</div>
</body>
</html>


$（文档）.ready（函数（）{
$（“#名称”）。关于（“更改”，函数（）{
$（“#Fname”）.val（$（this）.find（“选项：选定”）.attr（“值”）；
})
});  
选择你的价值
印度
英国
美国
阿拉伯联合酋长国
中国
日本
选择和输入，具有sane id“Fname”。

选择和输入，具有sane id“Fname”。

请使用此代码INTERNET是必需的或复制jquery.min.js。问题是选择标记id和输入文本id的名称相同

  <html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {
    $("#name").on("change", function() { $("#Fname").val($(this).find("option:selected").attr("value")); }) });
</script>
</head>
<body>
<div>
<select id="name" name ="name">
<option value="">Choose Your Value</option>
<option value="India">India</option>
<option value="UK">UK</option>
<option value="US">US</option>
<option value="UAE">UAE</option>
<option value="China">China</option>
<option value="Japan">Japan</option>    

</select>

<input type="text" id="Fname" value ="" readonly="readonly">
</div>
</body>
</html>


$（文档）.ready（函数（）{
$（“#name”）.on（“change”，function（）{$（“#Fname”）.val（$（this）.find（“option:selected”）.attr（“value”）；}）；
选择你的价值
印度
英国
美国
阿拉伯联合酋长国
中国
日本
请使用此代码Inter-Net是必填项或复制jquery.min.js。问题是选择标记id和输入文本id的名称相同

  <html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {
    $("#name").on("change", function() { $("#Fname").val($(this).find("option:selected").attr("value")); }) });
</script>
</head>
<body>
<div>
<select id="name" name ="name">
<option value="">Choose Your Value</option>
<option value="India">India</option>
<option value="UK">UK</option>
<option value="US">US</option>
<option value="UAE">UAE</option>
<option value="China">China</option>
<option value="Japan">Japan</option>    

</select>

<input type="text" id="Fname" value ="" readonly="readonly">
</div>
</body>
</html>


$（文档）.ready（函数（）{
$（“#name”）.on（“change”，function（）{$（“#Fname”）.val（$（this）.find（“option:selected”）.attr（“value”）；}）；
选择你的价值
印度
英国
美国
阿拉伯联合酋长国
中国
日本
您已经为输入框指定了ID，并选择了相同的框

两者都有id=“Fname”

此外，当您发现使用$（“#”）时，它应该是DOM的id，在您的示例中，它是一个名称

不过，我已经在这里更正了您的代码


$（文档）.ready（函数（）{
$（“#Fname”）。在（“change”，function（）{
$（“输入”）.val（$（this.val（））；
}) });
选择你的价值
印度
英国
美国
阿拉伯联合酋长国
中国
日本
您已经为输入框指定了ID，并选择了相同的框

两者都有id=“Fname”

此外，当您发现使用$（“#”）时，它应该是DOM的id，在您的示例中，它是一个名称

不过，我已经在这里更正了您的代码


$（文档）.ready（函数（）{
$（“#Fname”）。在（“change”，function（）{
$（“输入”）.val（$（this.val（））；
}) });
选择你的价值
印度
英国
美国
阿拉伯联合酋长国
中国
日本
更改
选择的id或
输入的id，并将其应用于JQUery将解决您的问题


$(document).ready(function() {                                       
    $("#Fname").on("change", function() {

    $("#SFname").val($(this).find("option:selected").attr("value"));
    })
 });




编辑：

您可以向文本框添加多个值，如：


$("#SFname").val($("#SFname").val() + " " + $(this).find("option:selected").attr("value"));
    })



更改
选择的id或
输入的id，并将其应用于JQUery将解决您的问题


$(document).ready(function() {                                       
    $("#Fname").on("change", function() {

    $("#SFname").val($(this).find("option:selected").attr("value"));
    })
 });




编辑：

您可以向文本框添加多个值，如：


$("#SFname").val($("#SFname").val() + " " + $(this).find("option:selected").attr("value"));
    })



伙计。。我按照你说的做了改变。但它仍然不起作用，请尝试$（this）.val（）而不是$（this）.find（“option:selected”）.attr（“value”）dude。。我按照你说的做了改变。但是它仍然不起作用，用try$（this）.val（）代替$（this）.find（“option:selected”）.attr（“value”）Sravan，我在选择和输入标记中做了更改，但仍然存在相同的问题。你能访问“”url吗。它必须也应该下载并添加这个jsSravan。你能告诉我。。。！！！现在我想介绍添加按钮，它允许用户从同一个dropDownList中添加更多项目，这些项目应该在文本框中逐个显示。有人能帮我完成这个吗。我对编程完全是新手。。！！！在尝试了很多次之后，我寻求您的帮助..安装了使用Sravan，我在选择和输入标签中做了更改，但仍然存在相同的问题。您能访问“”url吗。它必须也应该下载并添加这个jsSravan。你能告诉我。。。！！！现在我想介绍添加按钮，它允许用户从同一个dropDownList中添加更多项目，这些项目应该在文本框中逐个显示。有人能帮我完成这个吗。我对编程完全是新手。。！！！我试了这么多次后寻求你的帮助。有谁能告诉我。。。如何插入“添加”按钮以从同一drpDwn列表中选择更多项目文本框。比如，如果用户想添加更多的项目，它应该一个接一个地显示在文本框中。有人能告诉我。。。如何插入“添加”按钮以从同一drpDwn列表中选择更多项目文本框。就像如果用户想添加更多的项目，它应该显示在文本框中一个接一个从上面的链接，它显示在同一个文本框中的值只。我需要多个文本框用于每个选择…@Begginer\u Baby意味着动态添加不同的文本框？是的。。如果从列表中选择苹果，它应该显示在文本BX中，然后我有添加按钮，一个接一个地添加更多的水果，然后是appleOk。我认为这是一个不同的问题，它必须做更多的事情。所以，我认为你必须把它作为一个不同的问题来问。是的，事实上。。。啊哈…我在和AngularJS作战：（从你给出的上面的链接来看，它只在同一个文本框中显示值。我需要为每个选择设置多个文本框…@Begginer\u Baby意味着动态添加不同的文本框？是的。如果从列表中选择apple，它应该与apple一起显示在文本框中，然后我有add按钮逐个添加更多水果，然后是appleOk。我认为这是一个不同的问题，它需要做更多的事情。所以，我认为你必须把它作为一个不同的问题来问。是的，事实上……啊哈……我在和AngularJS作战：(