2017-06-10 120 views
0

我想要的值從選擇字段複製到一個文本字段JavaScript從選擇字段複製文本到文本字段

我碰到這個

http://jsfiddle.net/f23uP/

來到但是,當我創建了一個使用測試頁不起作用下面,我明明把它連同錯誤的:(

<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <script type="text/javascript" src="//code.jquery.com/jquery-compat-git.js"></script> 

<title>Test copy select</title> 
<script type='text/javascript'> 
    $('select').change(function(){ 

    $('input[type=name]').val($('option:selected',this).text()); 
    $('input[type=price]').val($(this).val()); 
    }); 
</script> 
</head> 

<body> 
    <form> 
    <select> 
     <option value="10">Apple</option> 
     <option value="20">Orange</option> 
    </select> 

    <input type="name" /> 
    <input type="price" /> 
    </form> 
</body> 
</html> 

我該如何解決這個問題?

感謝

回答

1

總結你的JavaScript在$(document).ready()

$(document).ready(function() { 
    $('select').change(function(){ 

    $('input[type=name]').val($('option:selected',this).text()); 
    $('input[type=price]').val($(this).val()); 
    }); 
}); 

作進一步說明,請參見this post

+0

如果/當本地運行時,還要將'http'或'https'加到'src'。有時它可能導致問題並且無法加載所需的庫。我以前遇到過這個問題,因此這個建議可以讓你添加到你的答案中。 – NewToJS

+0

您當然可以添加其他答案,或者向OP的帖子添加評論。 – FrankerZ

+0

感謝您的幫助和鏈接 – gwmbox

相關問題