スペーシングのある変数

Question

私はこのような変数を持っています：exercise = Rug hol-bol makenこれはスペースを持っています。これはimg srcとhttp requestとしてこれを使用する適切な方法ではないことがわかります。しかし今のところ私はこれをこのように保つつもりです。

私は入力の名前をデータベースに送信するフォームを持っています。これは、タイトル、イメージ、およびビデオsrcとして入力名を使用するよりもです。このように：ラグHOL-ボルの魔剣とSRCのために他の名前値：

<input type="checkbox" id="cb1" name="oefening1" value="Rug hol-bol maken"/>

は、たぶん私はタイトルのためにname valueを設定することができますか？ 1つの入力に2つの値属性を設定することは可能ですか？

画像がexercise変数で拾っなっているが、私はこのリクエクササイズの動画を再生したいとき：'http://www.example.com/fysioWebapp/videos/' + exercise + '.mp4'これはofcourseの作業をされていないHTTP要求は、このようなrug hol-bol makenことになりますので：example.com/fysioWebapp/videos/Rug%20hol-bol%20maken.mp4

Answer 1

あなたの要求にはっきりしていませんが、入力クエリ文字列にのurldecodeを使用することができます。

http://php.net/manual/en/function.urldecode.php

<?php 
// Not sure how you access the variable but something like... 
$decodedName = urldecode($_GET['oefening1']); 

Answer 2

あなたが例えば|のように、同じ属性に2つの値を保存したい場合は、区切り文字を選択することができますが、それは非常に堅牢ではありませんが（ブレークは一つの値は、区切り文字が含まれている場合）

タグにカスタム属性を追加することができます。通常、「データ」プレフィックス（この構文がjQueryに由来するかどうかはわかりません）で行われます。 jQueryまたはプレーンなJavaScriptから値を簡単に取得できます。小さな欠点は、フォームでそれらを使用する場合です。第2の値は自動的には渡されません。たとえば、この値に隠し入力を追加できます。

//by jQuery 
 
console.log($('#cb1').data('altvalue')); 
 

 
//by javascript 
 
console.log(document.getElementById('cb1').getAttribute('data-altvalue'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" id="cb1" name="oefening1" value="Rug hol-bol maken" data-altvalue="boo"/>