Jqueryを使用してHTMLでフォームにアクションを追加する

Question

jquery関数のロード時にフォーム要素にaction属性を追加しようとしています。しかし、私は何かが欠けているようです。私はこの問題を探してみましたが、私の問題に関しては何の幸運も見つけられませんでした。ここではHTMLに問題がある：

$(document).ready(function(){ 
var id = document.location.href.split('client/')[1]; 
$('#photouploader').attr('action', '/form-upload/'+id); 
}); 

私はちょうど私がここで間違っつもりかを理解するために探しています：

<form method="post" enctype="multipart/form-data" id="#photouploader"> 
      Upload Client Photo Here 
      <input type="file" name="thumbnail"> 
      <input type="submit" value="Upload Image"> 
      </form> 

これは私が書いたjQueryの関数です。

Answer 1

あなたのHTMLフォームIDに#があります。これを削除すると、jQueryが機能します。次のようになりますjqueryの中

<form method="post" enctype="multipart/form-data" id="photouploader">

# IDの一部ではない、それだけで次のテキストが.クラスを示してどのように似た要素IDを、参照していることを示しています。

編集：eatpeanutbutterのクレジットは、当初のコメントに正解がありました。私はそれが掲示されたときに私の鉱山を入力していた。

Answer 2

セレクタ$('#photouploader').attr('action', '/form-upload/'+id);はphotouploaderというIDを探しています。 IDがphotouploaderのHTML要素はありません。代わりに、IDが#photouploaderの要素があります。

単にHTMLであなたのID属性から#を削除し、あなたが行くように良いことがあります -

<form method="post" enctype="multipart/form-data" id="photouploader"> 

Answer 3

ID（idは= "photouploader">）から削除＃を、これを試してみてください。

$(document).ready(function(){ 
var id = document.location.href.split('client/')[1]; 
$('#photouploader').attr('action', '/form-upload/'+id); 
});