JSでのinput要素の書き換え

jsを使いHTMLのinputのValueを書き換えたいと思っています。
以下実際のコードです。
HTML
<button class="ui button" id="company" value="<?php echo $co['id'].'::'.$co['company_name']; ?>"><?php echo $co['company_name']; ?></buttton>
<input name="company" id="company_name" value="">

JS
$('#company').on('click',function () {
$('#company_name').val('<?php echo $co['company_name'] ?>');
alert('<?php echo $co['company_name'] ?>');
});

このコードでボタンを押したところアラートは出るのですがvalueは書き換わりません
。どなたかご教授お願いいたします。

yambejp

2017/04/20 02:09

PHPの記述を排除し、ベタなHTML文にしてみてください

kei344

2017/04/20 02:35

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

行動規範の内容に同意します

回答2件

ベストアンサー

以下のように、提示されているコードでinputのvalueは正常に書き換わります。
別の個所に問題があるのではないでしょうか？

html
1<html>
2<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
3<script>
4
5$(function() {
6	$('#company').on('click',function () {
7		$('#company_name').val('update');
8	});
9});
10
11</script>
12</head>
13<body>
14
15<button class="ui button" id="company" value="val">button</button>
16<input name="company" id="company_name" value="">
17
18</body>
19</html>

あと、本題とは関係ないですがbuttonの閉じタグにスペルミスがありますね

投稿2017/04/20 02:28

ku__ra__ge

総合スコア4524

仮の値でテストしてみましたがとくに問題なさそうですね
どういう想定なのでしょう？

PHP
1<?PHP $co=['id'=>'123','company_name'=>'hoge']; ?>
2<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
3<script>
4$(function(){
5  $('#company').on('click',function () {
6    $('#company_name').val('<?php echo $co['company_name'] ?>');
7    alert('<?php echo $co['company_name'] ?>');   }); 
8});
9</script>
10<button class="ui button" id="company" value="<?php echo $co['id'].'::'.$co['company_name']; ?>"><?php echo $co['company_name']; ?></buttton>
11<input name="company" id="company_name" value="">
12
13
14